x-prop-tree 0.8.3 → 0.8.5

package/dist/index.js

@@ -1,11 +1,11 @@
 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 { 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 D, resolveComponent as O, resolveDirective as k, toDisplayString as A, unref as j, useId as M, useModel as N, useTemplateRef as ee, watch as P, watchEffect as F, withCtx as I, withDirectives as L, withKeys as R, withModifiers as z } from "vue";
+import { getElement as te, getItems as ne, getPropertyDefault as B, getPropertyDefaultArray as re, getTag as ie, getTypes as ae, isHexColor as oe, isThemeColor as se, makeSlotId as ce, parsePercent as le, parsePixel as ue, pkgs as de, themeColors as fe } 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 { eventBus as H, globalObjects as pe, injectDark as me, injectLocale as he, openNumberDlg as ge, openPromptDlg as _e, useColor as U, useSystem as W, useViewStack as G } from "x-essential-lib";
+import { globalState as ve } from "x-state-lib";
+import { useDisplay as ye } from "vuetify";
+import { XBlockly as be } from "x-block-lib";
 //#region src/utils/collapseState.ts
 function K(e, t) {
 	let n = e.value;
@@ -46,16 +46,16 @@ function Y(e, t) {
 	}
 	return n;
 }
-function ye(e, n, r, i, a, o) {
+function xe(e, n, r, i, a, o) {
 	if (i !== void 0 && !a) {
 		if (!(r[i] instanceof Array)) {
-			let a = B(n);
+			let a = re(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 = re(n);
 			t(i, r[n.key]) || (r[n.key] = i, o(e, r[n.key]));
 		}
 		return r[n.key];
@@ -64,13 +64,13 @@ function ye(e, n, r, i, a, o) {
 function X(e, n, r, i, a, o) {
 	if (i !== void 0 && !a) {
 		if (r[i] === void 0) {
-			let a = z(n);
+			let a = B(n);
 			t(a, r[i]) || (r[i] = a, o(e, r[i]));
 		}
 		return r[i];
 	} else {
 		if (r[n.key] === void 0) {
-			let i = z(n);
+			let i = B(n);
 			t(i, r[n.key]) || (r[n.key] = i, o(e, r[n.key]));
 		}
 		return r[n.key];
@@ -81,7 +81,7 @@ function Z(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/utils/copyPaste.ts
-var be = (e, t) => {
+var Se = (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,20 @@ 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));
+}, Ce = [["basic", "id"], ["basic", "name"]];
+function we(e) {
+	return Ce.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, {
-		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);
+function Te(n, r, i, a, o, s) {
+	return t(n, ["runtime"]) ? {
+		change: !1,
+		warning: !1
+	} : (n = e(n), o === void 0 ? n.push(r.key) : (n.push(o), s && n.push(r.key)), we(n) ? (a.change = !1, a.warning = !1, {
+		change: a.change,
+		warning: a.warning
+	}) : r.ui ? r.array && a.children ? Oe(n, r, i, a, o, s) : ke(r, i, a, o, s) : r.array ? Ee(n, r, i, a, o, s) : De(n, r, i, a, o, s));
 }
-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 +124,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 } = Te(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, re(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 +148,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 } = Te(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 +156,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,23 +170,23 @@ 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 } = Te(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, re(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)), {
+	return o = i !== void 0 && !a ? n[i] : n[e.key], r.change = !t(o, B(e)), {
 		change: r.change,
 		warning: r.warning
 	};
 }
-function Oe(e, t, n) {
+function Ae(e, t, n) {
 	if (t.length <= 0 || !n) {
 		e.value = {
 			change: !1,
@@ -203,7 +206,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, Te([], e, n, t, void 0, !1);
 	}
 	e.value = r;
 }
@@ -217,79 +220,79 @@ 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 } = V(), 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: () => {
@@ -297,7 +300,7 @@ var st = /* @__PURE__ */ p({
 					if (e) if (e.ui) {
 						let t = Y(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]]);
+						t[m.value[m.value.length - 1]] = B(e), c(m.value, t[m.value[m.value.length - 1]]);
 					} else if (e.array) {
 						let t = m.value[m.value.length - 1];
 						if (t === void 0) {
@@ -307,19 +310,19 @@ var st = /* @__PURE__ */ p({
 						if (typeof t == "string") {
 							let t = Y(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]]);
+							t[m.value[m.value.length - 1]] = B(e), c(m.value, t[m.value[m.value.length - 1]]);
 						} else {
 							let t = Y(r.value, m.value);
 							if (!t) return;
 							e.children.forEach((n) => {
-								t[n.key] = z(e), c([...m.value, n.key], t[n.key]);
+								t[n.key] = B(e), c([...m.value, n.key], t[n.key]);
 							});
 						}
 					} else {
 						let t = Y(r.value, m.value);
 						if (!t) return;
 						e.children.forEach((n) => {
-							t[n.key] = z(e), c([...m.value, n.key], t[n.key]);
+							t[n.key] = B(e), c([...m.value, n.key], t[n.key]);
 						});
 					}
 				}
@@ -343,7 +346,7 @@ var st = /* @__PURE__ */ p({
 					let { property: t } = JSON.parse(e);
 					if (!t) return !1;
 					let r = J(n.value, m.value);
-					return r ? be(t, r) : !1;
+					return r ? Se(t, r) : !1;
 				} catch (e) {
 					console.error(e);
 				}
@@ -369,22 +372,22 @@ var st = /* @__PURE__ */ p({
 			u.value = e.x, p.value = e.y, m.value = e.keys;
 		});
 		return (e, t) => {
-			let n = D("v-list-item-title"), r = D("v-list-item"), i = D("v-list"), o = D("v-menu");
+			let n = O("v-list-item-title"), r = O("v-list-item"), i = O("v-list"), o = O("v-menu");
 			return C(), s(o, {
-				modelValue: A(x),
+				modelValue: j(x),
 				"onUpdate:modelValue": t[0] ||= (e) => g(x) ? x.value = e : null,
 				"location-strategy": "connected",
 				scrim: "transparent",
 				target: h.value
 			}, {
-				default: F(() => [f(i, null, {
-					default: F(() => [(C(!0), l(a, null, E(b.value, (e, t) => (C(), s(r, {
+				default: I(() => [f(i, null, {
+					default: I(() => [(C(!0), l(a, null, E(b.value, (e, t) => (C(), s(r, {
 						key: t,
 						link: "",
 						onClick: e.func
 					}, {
-						default: F(() => [f(n, null, {
-							default: F(() => [d(k(e.title), 1)]),
+						default: I(() => [f(n, null, {
+							default: I(() => [d(A(e.title), 1)]),
 							_: 2
 						}, 1024)]),
 						_: 2
@@ -395,7 +398,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: {},
@@ -428,12 +431,12 @@ var st = /* @__PURE__ */ p({
 			i("menu", e.clientX, e.clientY);
 		};
 		return (t, n) => {
-			let r = D("v-icon"), o = D("v-spacer"), h = D("v-btn"), g = O("ripple");
-			return I((C(), l("div", {
+			let r = O("v-icon"), o = O("v-spacer"), h = O("v-btn"), g = k("ripple");
+			return L((C(), l("div", {
 				class: "d-flex align-center cursor-pointer",
 				style: y(d.value),
 				onClick: p,
-				onContextmenu: R(m, ["self", "prevent"]),
+				onContextmenu: z(m, ["self", "prevent"]),
 				onMouseout: n[2] ||= (e) => a.value = !1,
 				onMouseover: n[3] ||= (e) => a.value = !0
 			}, [
@@ -441,7 +444,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, A(e.title), 1),
 				f(o),
 				e.hasCreate ? (C(), s(h, {
 					key: 0,
@@ -449,7 +452,7 @@ var st = /* @__PURE__ */ p({
 					density: "compact",
 					icon: "mdi-plus",
 					variant: "text",
-					onClick: n[0] ||= R((e) => i("create"), ["stop"])
+					onClick: n[0] ||= z((e) => i("create"), ["stop"])
 				})) : c("", !0),
 				e.hasDelete ? (C(), s(h, {
 					key: 1,
@@ -457,7 +460,7 @@ var st = /* @__PURE__ */ p({
 					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"])
 				})) : c("", !0)
 			], 36)), [[g]]);
 		};
@@ -465,14 +468,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 } = pe, o = T([]);
+	st(o);
 	let s = () => {
 		if (!e.value || !t.value || !n.value) return [];
-		let s = le[e.value];
+		let s = de[e.value];
 		if (!s) return console.assert(!1, `invalid version=${e.value}`), [];
-		let c = re(t.value, n.value), l = [];
+		let c = ie(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({
@@ -485,9 +488,9 @@ function ut() {
 			});
 			let i = 0;
 			for (let e of t.items) {
-				let n = ne(e);
+				let n = te(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 = ce("elementSlot", n.key, e.key), o = `${a.global.t(n.name)} / ${a.global.t(e.name)}`;
 					l.push({
 						id: r,
 						type: 1,
@@ -498,7 +501,7 @@ function ut() {
 				}
 			}
 		}
-		let { activeApp: u, depends: d } = ge.app;
+		let { activeApp: u, depends: d } = ve.app;
 		for (let { id: e, name: t, position: n } of u.compGroups) {
 			let i = r(o, e);
 			l.push({
@@ -513,7 +516,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 = ce("customSlot", e.id, n.id), r = `${e.name} / ${n.name}`;
 				l.push({
 					id: t,
 					type: 1,
@@ -537,7 +540,7 @@ function ut() {
 		u();
 	}), b(() => {
 		d();
-	}), N([
+	}), P([
 		e,
 		t,
 		n
@@ -547,11 +550,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 } = ve.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 +588,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 } = ve.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 +617,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: {},
@@ -631,8 +634,8 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			userSelect: "none"
 		}));
 		return (e, t) => {
-			let n = D("v-icon"), r = O("ripple");
-			return I((C(), l("div", {
+			let n = O("v-icon"), r = k("ripple");
+			return L((C(), l("div", {
 				class: "d-flex align-center cursor-pointer",
 				style: y(c.value),
 				onClick: t[0] ||= (e) => a("x-click", i.id),
@@ -643,12 +646,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, A(i.title), 1),
+				u("span", gt, A(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: {},
@@ -663,20 +666,20 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			userSelect: "none"
 		}));
 		return (t, n) => {
-			let r = O("ripple");
-			return I((C(), l("div", {
+			let r = k("ripple");
+			return L((C(), l("div", {
 				class: "d-flex align-center cursor-pointer",
 				style: y(s.value),
 				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, A(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 +692,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 } = W(), i = N(e, "modelValue"), o = N(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) => j(u).length > 0 ? (C(), l("div", bt, [(C(!0), l(a, null, E(j(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(_t, {
 			key: 0,
 			id: e.id,
 			collapse: e.collapse,
@@ -707,18 +710,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, A(j(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 +738,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 } = V(), i = ye(), { sysBarAvail: a, nameList: l } = W(), { backgroundColor1: p } = U(), m = N(e, "modelValue"), h = t, _ = ct(), b = o(() => {
 			let e = "100%";
 			return i.mdAndUp.value && (e = "400px"), {
 				background: p.value,
@@ -752,26 +755,26 @@ 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 } = G(`propTreeAdaptSlotSelectDlg${M()}`);
 		return S(() => {
 			E.value = !1;
 		}), (t, n) => {
-			let r = D("v-btn"), i = D("v-sheet"), o = D("v-dialog");
+			let r = O("v-btn"), i = O("v-sheet"), o = O("v-dialog");
 			return C(), s(o, {
-				modelValue: A(E),
+				modelValue: j(E),
 				"onUpdate:modelValue": n[6] ||= (e) => g(E) ? E.value = e : null,
 				fullscreen: "",
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: n[7] ||= L(R((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[7] ||= R(z((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
-				activator: F(({ props: t }) => [f(r, v(t, {
+				activator: I(({ props: t }) => [f(r, v(t, {
 					block: "",
 					density: "comfortable",
 					readonly: e.readonly
 				}), {
-					default: F(() => [d(k(T.value), 1)]),
+					default: I(() => [d(A(T.value), 1)]),
 					_: 1
 				}, 16, ["readonly"]), e.hasDelete ? (C(), s(r, {
 					key: 0,
@@ -779,17 +782,17 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[0] ||= R((e) => h("delete"), ["stop"])
+					onClick: n[0] ||= z((e) => h("delete"), ["stop"])
 				})) : c("", !0)]),
-				default: F(() => [u("div", {
+				default: I(() => [u("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: n[4] ||= R((e) => E.value = !1, ["self"]),
-					onContextmenu: n[5] ||= R((e) => E.value = !1, ["self", "prevent"])
+					onClick: n[4] ||= z((e) => E.value = !1, ["self"]),
+					onContextmenu: n[5] ||= z((e) => E.value = !1, ["self", "prevent"])
 				}, [u("div", {
 					class: "elevation-2",
 					style: y(b.value)
 				}, [
-					A(a) ? (C(), s(i, {
+					j(a) ? (C(), s(i, {
 						key: 0,
 						color: "transparent",
 						height: 24
@@ -799,12 +802,12 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 						color: "transparent",
 						height: 48
 					}, {
-						default: F(() => [f(r, {
+						default: I(() => [f(r, {
 							density: "comfortable",
 							icon: "mdi-close",
 							variant: "text",
 							onClick: n[1] ||= (e) => E.value = !1
-						}), u("span", xt, k(A(l)([
+						}), u("span", Ct, A(j(l)([
 							"x-prop-tree.select",
 							"x-prop-tree.adapt",
 							"x-prop-tree.slot"
@@ -814,10 +817,10 @@ 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),
+						open: j(E),
 						"onUpdate:open": n[3] ||= (e) => g(E) ? E.value = e : null
 					}, null, 8, ["modelValue", "open"]), u("div", { style: y(w.value) }, null, 4)], 4)
 				], 4)], 32)]),
@@ -825,7 +828,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,21 +845,21 @@ 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 } = V(), r = N(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 } = G(`propTreeColorPickerMenu${M()}`);
 		return S(() => {
 			p.value = !1;
 		}), (t, o) => {
-			let m = D("v-btn"), h = D("v-color-picker"), _ = D("v-menu");
+			let m = O("v-btn"), h = O("v-color-picker"), _ = O("v-menu");
 			return C(), s(_, {
-				modelValue: A(p),
+				modelValue: j(p),
 				"onUpdate:modelValue": o[2] ||= (e) => g(p) ? p.value = e : null,
 				"close-on-content-click": !1,
 				scrim: "transparent"
 			}, {
-				activator: F(({ props: t }) => [u("div", Ct, [u("div", {
+				activator: I(({ props: t }) => [u("div", Tt, [u("div", {
 					class: "flex-grow-1",
 					style: y(a.value)
 				}, [f(m, v(t, {
@@ -865,7 +868,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					density: "comfortable",
 					disabled: l.value
 				}), {
-					default: F(() => [d(k(r.value ? r.value : A(n)("x-runtime-lib.notSet")), 1)]),
+					default: I(() => [d(A(r.value ? r.value : j(n)("x-runtime-lib.notSet")), 1)]),
 					_: 1
 				}, 16, ["color", "disabled"])], 4), e.hasDelete ? (C(), s(m, {
 					key: 0,
@@ -873,9 +876,9 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: o[0] ||= R((e) => i("delete"), ["stop"])
+					onClick: o[0] ||= z((e) => i("delete"), ["stop"])
 				})) : c("", !0)])]),
-				default: F(() => [f(h, {
+				default: I(() => [f(h, {
 					modelValue: r.value,
 					"onUpdate:modelValue": o[1] ||= (e) => r.value = e,
 					mode: "hexa",
@@ -886,7 +889,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: {},
@@ -903,8 +906,8 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			userSelect: "none"
 		}));
 		return (e, t) => {
-			let n = D("v-icon"), r = O("ripple");
-			return I((C(), l("div", {
+			let n = O("v-icon"), r = k("ripple");
+			return L((C(), l("div", {
 				class: "d-flex align-center cursor-pointer",
 				style: y(c.value),
 				onClick: t[0] ||= (e) => a("x-click", i.id),
@@ -915,12 +918,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, A(i.title), 1),
+				u("span", Ot, A(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: {},
@@ -935,20 +938,20 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			userSelect: "none"
 		}));
 		return (e, t) => {
-			let n = O("ripple");
-			return I((C(), l("div", {
+			let n = k("ripple");
+			return L((C(), l("div", {
 				class: "d-flex align-center cursor-pointer",
 				style: y(c.value),
 				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, A(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 +964,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 } = W(), i = N(e, "modelValue"), o = N(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");
 		};
-		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) => j(u).length > 0 ? (C(), l("div", Mt, [(C(!0), l(a, null, E(j(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(kt, {
 			key: 0,
 			id: e.id,
 			collapse: e.collapse,
@@ -979,14 +982,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, A(j(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 +1006,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 } = V(), i = ye(), { sysBarAvail: a, nameList: l } = W(), { backgroundColor1: p } = U(), m = N(e, "modelValue"), h = t, _ = it(), b = o(() => {
 			let e = "100%";
 			return i.mdAndUp.value && (e = "400px"), {
 				background: p.value,
@@ -1020,26 +1023,26 @@ 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 } = G(`propTreeCompSelectDlg${M()}`);
 		return S(() => {
 			E.value = !1;
 		}), (t, n) => {
-			let r = D("v-btn"), i = D("v-sheet"), o = D("v-dialog");
+			let r = O("v-btn"), i = O("v-sheet"), o = O("v-dialog");
 			return C(), s(o, {
-				modelValue: A(E),
+				modelValue: j(E),
 				"onUpdate:modelValue": n[6] ||= (e) => g(E) ? E.value = e : null,
 				fullscreen: "",
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: n[7] ||= L(R((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[7] ||= R(z((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
-				activator: F(({ props: t }) => [f(r, v(t, {
+				activator: I(({ props: t }) => [f(r, v(t, {
 					block: "",
 					density: "comfortable",
 					readonly: e.readonly
 				}), {
-					default: F(() => [d(k(T.value), 1)]),
+					default: I(() => [d(A(T.value), 1)]),
 					_: 1
 				}, 16, ["readonly"]), e.hasDelete ? (C(), s(r, {
 					key: 0,
@@ -1047,17 +1050,17 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[0] ||= R((e) => h("delete"), ["stop"])
+					onClick: n[0] ||= z((e) => h("delete"), ["stop"])
 				})) : c("", !0)]),
-				default: F(() => [u("div", {
+				default: I(() => [u("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: n[4] ||= R((e) => E.value = !1, ["self"]),
-					onContextmenu: n[5] ||= R((e) => E.value = !1, ["self", "prevent"])
+					onClick: n[4] ||= z((e) => E.value = !1, ["self"]),
+					onContextmenu: n[5] ||= z((e) => E.value = !1, ["self", "prevent"])
 				}, [u("div", {
 					class: "elevation-2",
 					style: y(b.value)
 				}, [
-					A(a) ? (C(), s(i, {
+					j(a) ? (C(), s(i, {
 						key: 0,
 						color: "transparent",
 						height: 24
@@ -1067,21 +1070,21 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 						color: "transparent",
 						height: 48
 					}, {
-						default: F(() => [f(r, {
+						default: I(() => [f(r, {
 							density: "comfortable",
 							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, A(j(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),
+						open: j(E),
 						"onUpdate:open": n[3] ||= (e) => g(E) ? E.value = e : null
 					}, null, 8, ["modelValue", "open"]), u("div", { style: y(w.value) }, null, 4)], 4)
 				], 4)], 32)]),
@@ -1089,7 +1092,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,24 +1111,24 @@ 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 = N(e, "modelValue"), r = N(e, "lock"), i = N(e, "scale"), a = me(), o = he(), c = Ue(), l = ee("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(j(be), {
 			ref_key: "target",
 			ref: l,
 			lock: r.value,
 			"onUpdate:lock": t[0] ||= (e) => r.value = e,
 			scale: i.value,
 			"onUpdate:scale": t[1] ||= (e) => i.value = e,
-			dark: A(a),
-			locale: A(o),
+			dark: j(a),
+			locale: j(o),
 			type: "json",
-			version: A(c),
+			version: j(c),
 			onReady: u
 		}, null, 8, [
 			"lock",
@@ -1135,7 +1138,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,38 +1155,38 @@ 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 } = V(), { sysBarAvail: r } = W(), { backgroundColor0: i, backgroundColor1: a, backgroundColor2: l } = U(), p = N(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 } = G(`propTreejsonEditorDlg${M()}`);
 		S(() => {
 			w.value = !1;
 		});
-		let E = te("editor");
-		return N(w, (e) => {
+		let E = ee("editor");
+		return P(w, (e) => {
 			e || E.value?.save();
 		}), (t, n) => {
-			let a = D("v-btn"), o = D("v-sheet"), S = D("v-spacer"), T = D("v-dialog");
+			let a = O("v-btn"), o = O("v-sheet"), S = O("v-spacer"), T = O("v-dialog");
 			return C(), s(T, {
-				modelValue: A(w),
+				modelValue: j(w),
 				"onUpdate:modelValue": n[5] ||= (e) => g(w) ? w.value = e : null,
 				attach: "",
 				fullscreen: "",
 				"no-click-animation": "",
 				persistent: "",
 				transition: "dialog-bottom-transition",
-				onKeydown: n[6] ||= L(R((e) => w.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[6] ||= R(z((e) => w.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
-				activator: F(({ props: t }) => [f(a, v(t, {
+				activator: I(({ props: t }) => [f(a, v(t, {
 					block: "",
 					density: "comfortable",
 					readonly: e.readonly
 				}), {
-					default: F(() => [d(k(x.value), 1)]),
+					default: I(() => [d(A(x.value), 1)]),
 					_: 1
 				}, 16, ["readonly"]), e.hasDelete ? (C(), s(a, {
 					key: 0,
@@ -1191,37 +1194,37 @@ var pt = { class: "text-label-large ml-1" }, mt = { 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"])
 				})) : c("", !0)]),
-				default: F(() => [f(o, {
-					color: A(i),
+				default: I(() => [f(o, {
+					color: j(i),
 					height: "100%",
 					width: "100%"
 				}, {
-					default: F(() => [
-						A(r) ? (C(), s(o, {
+					default: I(() => [
+						j(r) ? (C(), s(o, {
 							key: 0,
-							color: A(l),
+							color: j(l),
 							height: 24
 						}, null, 8, ["color"])) : c("", !0),
 						f(o, {
 							class: "d-flex align-center px-2",
-							color: A(l),
+							color: j(l),
 							height: 48
 						}, {
-							default: F(() => [
+							default: I(() => [
 								f(a, {
 									density: "comfortable",
 									icon: "mdi-close",
 									variant: "text",
 									onClick: n[1] ||= (e) => w.value = !1
 								}),
-								u("span", It, k(x.value), 1),
+								u("span", Rt, A(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 +1245,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 +1263,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 } = V(), { isMobile: r } = W(), i = N(e, "modelValue"), a = t, d = o(() => ae(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;
+		F(() => {
+			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 ge({
 				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 + "%");
+		F(() => {
+			h.value?.trait === "pixel" ? _.value = ue(i.value) : h.value?.trait === "percent" && (_.value = le(i.value));
+		}), P(_, (e) => {
+			h.value?.trait === "pixel" ? i.value = e + "px" : h.value?.trait === "percent" && (i.value = e + "%");
 		});
-		let b = T("#ff00ff");
-		P(() => {
-			g.value?.trait === "hexColor" && ie(i.value) && (b.value = i.value);
-		}), N(b, (e) => {
-			g.value?.trait === "hexColor" && (i.value = e);
+		let y = T("#ff00ff");
+		F(() => {
+			h.value?.trait === "hexColor" && oe(i.value) && (y.value = i.value);
+		}), P(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 fe) 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);
+		return F(() => {
+			h.value?.trait === "themeColor" && se(i.value) && (b.value = i.value);
+		}), P(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, [
-				I(f(r, {
-					modelValue: m.value,
-					"onUpdate:modelValue": [n[0] ||= (e) => m.value = e, _],
+			let r = O("v-select"), i = O("v-number-input"), o = O("v-btn"), d = k("ripple");
+			return C(), l("div", Bt, [u("div", Vt, [
+				L(f(r, {
+					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 +1336,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" ? L((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 +1363,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" ? L((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,
@@ -1385,11 +1388,11 @@ var pt = { class: "text-label-large ml-1" }, mt = { 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"])
 			})) : 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 +1413,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 } = W(), r = N(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await me({
+			let i = await ge({
 				title: "",
 				value: r.value,
 				precision: e.precision,
@@ -1423,8 +1426,8 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			i !== void 0 && (r.value = i);
 		};
 		return (t, n) => {
-			let o = D("v-number-input"), u = D("v-btn"), d = O("ripple");
-			return C(), l("div", Vt, [I(f(o, {
+			let o = O("v-number-input"), u = O("v-btn"), d = k("ripple");
+			return C(), l("div", Ut, [L(f(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				"control-variant": "stacked",
@@ -1455,11 +1458,11 @@ var pt = { class: "text-label-large ml-1" }, mt = { 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"])
 			})) : 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 +1480,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 } = V(), r = N(e, "modelValue"), i = t, a = o(() => {
 			let t = [];
-			return le[a.value].items[e.items].forEach(({ title: e, value: r }) => {
+			return ne(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 = O("v-select"), u = O("v-btn"), d = k("ripple");
+			return C(), l("div", Gt, [L(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,17 +1508,17 @@ 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",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[1] ||= R((e) => i("delete"), ["stop"])
+				onClick: n[1] ||= z((e) => i("delete"), ["stop"])
 			})) : 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: {},
@@ -1530,20 +1533,20 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 			userSelect: "none"
 		}));
 		return (t, n) => {
-			let r = O("ripple");
-			return I((C(), l("div", {
+			let r = k("ripple");
+			return L((C(), l("div", {
 				class: "d-flex align-center cursor-pointer",
 				style: y(s.value),
 				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, A(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 +1559,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 } = W(), n = N(e, "modelValue"), r = N(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) => j(i).length > 0 ? (C(), l("div", Yt, [(C(!0), l(a, null, E(j(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, A(j(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 +1586,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 } = V(), r = ye(), { sysBarAvail: i, nameList: a } = W(), { backgroundColor1: l } = U(), p = N(e, "modelValue"), m = t, h = ot(), _ = o(() => {
 			let e = "100%";
 			return r.mdAndUp.value && (e = "400px"), {
 				background: l.value,
@@ -1600,26 +1603,26 @@ 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 } = G(`propTreeSlotSelectDlg${M()}`);
 		return S(() => {
 			T.value = !1;
 		}), (t, n) => {
-			let r = D("v-btn"), o = D("v-sheet"), l = D("v-dialog");
+			let r = O("v-btn"), o = O("v-sheet"), l = O("v-dialog");
 			return C(), s(l, {
-				modelValue: A(T),
+				modelValue: j(T),
 				"onUpdate:modelValue": n[6] ||= (e) => g(T) ? T.value = e : null,
 				fullscreen: "",
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: n[7] ||= L(R((e) => T.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[7] ||= R(z((e) => T.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
-				activator: F(({ props: t }) => [f(r, v(t, {
+				activator: I(({ props: t }) => [f(r, v(t, {
 					block: "",
 					density: "comfortable",
 					readonly: e.readonly
 				}), {
-					default: F(() => [d(k(w.value), 1)]),
+					default: I(() => [d(A(w.value), 1)]),
 					_: 1
 				}, 16, ["readonly"]), e.hasDelete ? (C(), s(r, {
 					key: 0,
@@ -1627,17 +1630,17 @@ var pt = { class: "text-label-large ml-1" }, mt = { 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"])
 				})) : c("", !0)]),
-				default: F(() => [u("div", {
+				default: I(() => [u("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: n[4] ||= R((e) => T.value = !1, ["self"]),
-					onContextmenu: n[5] ||= R((e) => T.value = !1, ["self", "prevent"])
+					onClick: n[4] ||= z((e) => T.value = !1, ["self"]),
+					onContextmenu: n[5] ||= z((e) => T.value = !1, ["self", "prevent"])
 				}, [u("div", {
 					class: "elevation-2",
 					style: y(_.value)
 				}, [
-					A(i) ? (C(), s(o, {
+					j(i) ? (C(), s(o, {
 						key: 0,
 						color: "transparent",
 						height: 24
@@ -1647,21 +1650,21 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 						color: "transparent",
 						height: 48
 					}, {
-						default: F(() => [f(r, {
+						default: I(() => [f(r, {
 							density: "comfortable",
 							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, A(j(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),
+						open: j(T),
 						"onUpdate:open": n[3] ||= (e) => g(T) ? T.value = e : null
 					}, null, 8, ["modelValue", "open"]), u("div", { style: y(x.value) }, null, 4)], 4)
 				], 4)], 32)]),
@@ -1669,7 +1672,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,17 +1689,17 @@ 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 } = W(), r = N(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await he({
+			let i = await _e({
 				title: "",
 				value: r.value
 			});
 			i !== void 0 && (r.value = i);
 		};
 		return (t, n) => {
-			let o = D("v-text-field"), u = D("v-btn"), d = O("ripple");
-			return C(), l("div", Qt, [I(f(o, {
+			let o = O("v-text-field"), u = O("v-btn"), d = k("ripple");
+			return C(), l("div", en, [L(f(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				density: "compact",
@@ -1715,11 +1718,11 @@ var pt = { class: "text-label-large ml-1" }, mt = { 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"])
 			})) : 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: {
@@ -1736,10 +1739,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 n = M(e, "modelValue"), r = t;
+		let n = N(e, "modelValue"), r = t;
 		return (t, i) => {
-			let a = D("v-switch"), o = D("v-btn");
-			return C(), l("div", en, [f(a, {
+			let a = O("v-switch"), o = O("v-btn");
+			return C(), l("div", nn, [f(a, {
 				modelValue: n.value,
 				"onUpdate:modelValue": i[0] ||= (e) => n.value = e,
 				class: "ml-1",
@@ -1753,18 +1756,18 @@ var pt = { class: "text-label-large ml-1" }, mt = { 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"])
 			})) : c("", !0)]);
 		};
 	}
 });
 //#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, {
+		return m(wt, {
 			modelValue: X(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				Z(t, n, r, o, i, a, e);
@@ -1779,11 +1782,11 @@ 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, {
+		return m(Et, {
 			modelValue: X(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				Z(t, n, r, o, i, a, e);
@@ -1798,11 +1801,11 @@ 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, {
+		return m(It, {
 			modelValue: X(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				Z(t, n, r, o, i, a, e);
@@ -1817,7 +1820,7 @@ 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");
@@ -1826,11 +1829,11 @@ function on() {
 }
 //#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, {
+		return m(zt, {
 			modelValue: X(t, n, r, i, a, e) ?? "{}",
 			"onUpdate:modelValue": (o) => {
 				Z(t, n, r, o, i, a, e);
@@ -1845,11 +1848,11 @@ 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, {
+		return m(Ht, {
 			modelValue: X(t, n, r, i, a, e) ?? "",
 			"onUpdate:modelValue": (o) => {
 				Z(t, n, r, o, i, a, e);
@@ -1864,11 +1867,11 @@ 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, {
+		return m(Wt, {
 			modelValue: X(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				Z(t, n, r, o, i, a, e);
@@ -1887,7 +1890,7 @@ function ln() {
 }
 //#endregion
 //#region src/components/entry/index.vue
-var un = /* @__PURE__ */ p({
+var fn = /* @__PURE__ */ p({
 	__name: "index",
 	props: { minHeight: {} },
 	emits: ["menu"],
@@ -1902,24 +1905,24 @@ var un = /* @__PURE__ */ p({
 			i("menu", e.clientX, e.clientY);
 		};
 		return (e, t) => {
-			let n = O("ripple");
-			return I((C(), l("div", {
+			let n = k("ripple");
+			return L((C(), l("div", {
 				class: "d-flex justify-space-between align-center cursor-pointer",
 				style: y(s.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]]);
+			}, [D(e.$slots, "default")], 36)), [[n]]);
 		};
 	}
 });
 //#endregion
 //#region src/composables/uis/uiProperty.ts
-function dn() {
-	let { t: e } = V(), t = $e();
+function pn() {
+	let { t: e } = V(), 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", {
@@ -1939,11 +1942,11 @@ 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, {
+		return m(Kt, {
 			modelValue: X(t, n, r, i, a, e) ?? "",
 			"onUpdate:modelValue": (o) => {
 				Z(t, n, r, o, i, a, e);
@@ -1959,11 +1962,11 @@ 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, {
+		return m($t, {
 			modelValue: X(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				Z(t, n, r, o, i, a, e);
@@ -1978,11 +1981,11 @@ 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, {
+		return m(tn, {
 			modelValue: n.static ? n.value : X(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				n.static || Z(t, n, r, o, i, a, e);
@@ -1997,11 +2000,11 @@ 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, {
+		return m(rn, {
 			modelValue: X(t, n, r, i, a, e) ?? !1,
 			"onUpdate:modelValue": (o) => {
 				Z(t, n, r, o, i, a, e);
@@ -2016,22 +2019,24 @@ 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) => {
+	setup(n) {
+		let { t: r } = V(), { backgroundColor1: i } = U(), o = Ye(), s = Ze(), c = $e(), u = tt(), d = $();
+		pt(), mt(), ft();
+		let { renderProperty: p } = pn(), { renderUiDummy: h } = cn(), { renderUiStrInput: g } = gn(), { renderUiNumInput: _ } = dn(), { renderUiSwitch: v } = _n(), { renderUiSelect: y } = mn(), { renderUiColorPicker: b } = on(), { renderUiJsonEditor: x } = ln(), { renderUiMultiTypes: S } = un(), { renderUiCompSelect: w } = sn(), { renderUiSlotSelect: T } = hn(), { renderUiAdaptSlotSelect: E } = an(), D = (n, r, i, a, o, s) => {
+			if (!t(n, ["runtime"])) return n = e(n), a === void 0 ? n.push(r.key) : (n.push(a), o && n.push(r.key)), r.ui ? r.array && !s ? A(n, r, i, a, o) : j(n, r, i, a, o) : r.array ? O(n, r, i, a, o) : k(n, r, i, a, o);
+		}, O = (e, t, n, 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, {
-				title: l,
-				collapse: K(s, e),
+			let o = xe(e, t, n, i, a, d), s = r(t.name);
+			K(c, e) && Q(u.value, e) && (s += " *");
+			let l = m(dt, {
+				title: s,
+				collapse: K(c, e),
 				hasCreate: !0,
 				onCollapse: (t) => {
-					q(s, e, t);
+					q(c, e, t);
 				},
 				onMenu: (t, n) => {
 					H.emit("propTreeMenu", {
@@ -2041,20 +2046,20 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 					});
 				},
 				onCreate: () => {
-					o.push({}), u(e, o);
+					o.push({}), d(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, {
+					K(c, [...e, r]) && Q(u.value, i) && (a += " *");
+					let s = m(dt, {
 						title: a,
-						collapse: K(s, [...e, r]),
+						collapse: K(c, [...e, r]),
 						hasDelete: !0,
 						index: r,
 						onCollapse: (t) => {
-							q(s, [...e, r], t);
+							q(c, [...e, r], t);
 						},
 						onMenu: (e, t) => {
 							H.emit("propTreeMenu", {
@@ -2064,34 +2069,34 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 							});
 						},
 						onDelete: (t) => {
-							o.splice(t, 1), u(e, o);
+							o.splice(t, 1), d(e, o);
 						}
 					});
-					n.push(l);
-					let d = m("div", { style: { paddingLeft: gn } }, (() => {
+					n.push(s);
+					let l = m("div", { style: { paddingLeft: vn } }, (() => {
 						let n = [];
-						for (let i of t.children) n.push(E(e, i, o[r], r, !0));
+						for (let i of t.children) n.push(D(e, i, o[r], r, !0));
 						return n;
 					})());
-					K(s, [...e, r]) || n.push(d);
+					K(c, [...e, r]) || n.push(l);
 				}
 				return n;
 			})());
 			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(d), K(s, e) || t.push(f), t;
+				return t.push(l), K(c, e) || t.push(f), t;
 			})());
-		}, D = (e, t, r, i, a) => {
+		}, k = (e, t, n, 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, {
+			let o = r(t.name);
+			K(c, e) && Q(u.value, e) && (o += " *");
+			let s = m(dt, {
 				title: o,
-				collapse: K(s, e),
+				collapse: K(c, e),
 				hasDelete: i !== void 0 && !a,
 				onCollapse: (t) => {
-					q(s, e, t);
+					q(c, e, t);
 				},
 				onMenu: (t, n) => {
 					H.emit("propTreeMenu", {
@@ -2101,28 +2106,28 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 					});
 				},
 				onDelete: () => {
-					i === void 0 || a || (r.splice(i, 1), u(e.slice(0, -1), r));
+					i === void 0 || a || (n.splice(i, 1), d(e.slice(0, -1), n));
 				}
-			}), d = m("div", { style: { paddingLeft: gn } }, (() => {
-				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;
+			}), l = m("div", { style: { paddingLeft: vn } }, (() => {
+				let r = [];
+				for (let i of t.children) r.push(D(e, i, (typeof n[t.key] != "object" && (n[t.key] = {}, d(e, n[t.key])), n[t.key]), void 0, !1));
+				return r;
 			})());
 			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(l), K(s, e) || t.push(d), t;
+				return t.push(s), K(c, e) || t.push(l), t;
 			})());
-		}, O = (e, t, r, i, a) => {
+		}, A = (e, t, n, 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, {
-				title: l,
-				collapse: K(s, e),
+			let o = xe(e, t, n, i, a, d), s = r(t.name);
+			K(c, e) && Q(u.value, e) && (s += " *");
+			let l = m(dt, {
+				title: s,
+				collapse: K(c, e),
 				hasCreate: !0,
 				onCollapse: (t) => {
-					q(s, e, t);
+					q(c, e, t);
 				},
 				onMenu: (t, n) => {
 					H.emit("propTreeMenu", {
@@ -2132,32 +2137,32 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 					});
 				},
 				onCreate: () => {
-					o.push(z(t)), u(e, o);
+					o.push(B(t)), d(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));
+				for (let r = 0; r < o.length; r++) n.push(D(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(l), K(c, e) || t.push(f), t;
 			})());
-		}, k = (e, t, n, r, i) => {
+		}, j = (e, t, n, r, i) => {
 			if (!t.ui) throw Error("renderLeafScalar property ui must be valid");
 			let a;
-			return t.ui === "dummy" ? a = p(e, t, n, r, i) : t.ui === "strInput" ? a = h(e, t, n, r, i) : t.ui === "numInput" ? a = g(e, t, n, r, i) : t.ui === "switch" ? a = _(e, t, n, r, i) : t.ui === "select" ? a = v(e, t, n, r, i) : t.ui === "colorPicker" ? a = y(e, t, n, r, i) : t.ui === "jsonEditor" ? a = b(e, t, n, r, i) : t.ui === "multiTypes" ? a = x(e, t, n, r, i) : t.ui === "selectComp" ? a = S(e, t, n, r, i) : t.ui === "selectSlot" ? a = w(e, t, n, r, i) : t.ui === "selectAdaptSlot" ? a = T(e, t, n, r, i) : console.assert(!1, "renderLeafScalar not implemented"), a ? d(e, t, a) : m("div");
-		}, A = () => m("div", {
+			return t.ui === "dummy" ? a = h(e, t, n, r, i) : t.ui === "strInput" ? a = g(e, t, n, r, i) : t.ui === "numInput" ? a = _(e, t, n, r, i) : t.ui === "switch" ? a = v(e, t, n, r, i) : t.ui === "select" ? a = y(e, t, n, r, i) : t.ui === "colorPicker" ? a = b(e, t, n, r, i) : t.ui === "jsonEditor" ? a = x(e, t, n, r, i) : t.ui === "multiTypes" ? a = S(e, t, n, r, i) : t.ui === "selectComp" ? a = w(e, t, n, r, i) : t.ui === "selectSlot" ? a = T(e, t, n, r, i) : t.ui === "selectAdaptSlot" ? a = E(e, t, n, r, i) : console.assert(!1, "renderLeafScalar not implemented"), a ? p(e, t, a) : m("div");
+		}, M = () => m("div", {
 			class: "text-body-medium",
-			style: { background: r.value }
+			style: { background: i.value }
 		}, (() => {
 			let e = [];
-			if (i.value.length > 0 && o.value) for (let t of i.value) e.push(E([], t, o.value, void 0, !1));
+			if (o.value.length > 0 && s.value) for (let t of o.value) e.push(D([], t, s.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(M), f(lt)], 64));
 	}
-}), vn = /* @__PURE__ */ p({
+}), bn = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		config: {},
@@ -2169,25 +2174,25 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 	emits: ["change"],
 	setup(e, { emit: t }) {
 		let n = t, r = T([]);
-		Ke(r), P(() => {
+		Je(r), F(() => {
 			r.value = e.config;
 		});
 		let i = T();
-		Je(i), P(() => {
+		Xe(i), F(() => {
 			i.value = e.object;
 		});
 		let a = T("");
-		Be(a), P(() => {
+		He(a), F(() => {
 			a.value = e.version;
 		});
 		let o = T(e.type);
-		He(o), P(() => {
+		We(o), F(() => {
 			o.value = e.type;
 		});
 		let c = T("");
-		We(c), P(() => {
+		Ke(c), F(() => {
 			c.value = e.subtype;
-		}), Xe(T({
+		}), Qe(T({
 			collapse: !0,
 			children: {}
 		}));
@@ -2196,15 +2201,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);
-		}), N([() => e.config, () => e.object], () => {
-			Oe(l, e.config, e.object);
-		}, { immediate: !0 }), (e, t) => (C(), s(_n));
+		return et(l), nt((t, r) => {
+			Ae(l, e.config, e.object), n("change", t, r);
+		}), P([() => e.config, () => e.object], () => {
+			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 +2217,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 };