x-prop-tree 0.8.1 → 0.8.4

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 ne, withModifiers as L } from "vue";
-import { getElement as re, getPropertyDefault as R, getPropertyDefaultArray as z, getTag as ie, isHexColor as ae, isThemeColor as oe, makeSlotId as se, parsePercent as ce, parsePixel as le, pkgs as ue, themeColors as de } 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 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, 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 fe, injectDark as pe, injectLocale as me, openNumberDlg as he, openPromptDlg as ge, useColor as H, useSystem as U, useViewStack as W } from "x-essential-lib";
-import { globalState as _e } from "x-state-lib";
-import { useDisplay as ve } from "vuetify";
-import { XBlockly as ye } from "x-block-lib";
+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 G(e, t) {
 	let n = e.value;
@@ -46,16 +46,16 @@ function J(e, t) {
 	}
 	return n;
 }
-function be(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 = z(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 = z(n);
+			let i = ie(n);
 			t(i, r[n.key]) || (r[n.key] = i, o(e, r[n.key]));
 		}
 		return r[n.key];
@@ -64,13 +64,13 @@ function be(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 = R(n);
+			let a = z(n);
 			t(a, r[i]) || (r[i] = a, o(e, r[i]));
 		}
 		return r[i];
 	} else {
 		if (r[n.key] === void 0) {
-			let i = R(n);
+			let i = z(n);
 			t(i, r[n.key]) || (r[n.key] = i, o(e, r[n.key]));
 		}
 		return r[n.key];
@@ -81,7 +81,7 @@ function X(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/utils/copyPaste.ts
-var xe = (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 xe = (e, t) => {
 		return !0;
 	};
 	return n(e, t);
-}, Se = [["basic", "id"], ["basic", "name"]];
-function Ce(e) {
-	return Se.find((n) => t(e, n));
+}, we = [["basic", "id"], ["basic", "name"]];
+function Te(e) {
+	return we.find((n) => t(e, n));
 }
 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)), Ce(t) ? (i.change = !1, i.warning = !1, {
+	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;
@@ -125,12 +125,12 @@ function we(e, n, r, i, a, o) {
 			!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, z(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;
@@ -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;
@@ -170,20 +170,20 @@ function Ee(e, n, r, i, a, o) {
 		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, z(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, R(e)), {
+	return o = i !== void 0 && !a ? n[i] : n[e.key], r.change = !t(o, z(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,
@@ -217,79 +217,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 } = B(), 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: () => {
@@ -297,7 +297,7 @@ var st = /* @__PURE__ */ p({
 					if (e) if (e.ui) {
 						let t = J(r.value, m.value.slice(0, -1));
 						if (!t) return;
-						t[m.value[m.value.length - 1]] = R(e), c(m.value, t[m.value[m.value.length - 1]]);
+						t[m.value[m.value.length - 1]] = z(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 +307,19 @@ var st = /* @__PURE__ */ p({
 						if (typeof t == "string") {
 							let t = J(r.value, m.value.slice(0, -1));
 							if (!t) return;
-							t[m.value[m.value.length - 1]] = R(e), c(m.value, t[m.value[m.value.length - 1]]);
+							t[m.value[m.value.length - 1]] = z(e), c(m.value, t[m.value[m.value.length - 1]]);
 						} else {
 							let t = J(r.value, m.value);
 							if (!t) return;
 							e.children.forEach((n) => {
-								t[n.key] = R(e), c([...m.value, n.key], t[n.key]);
+								t[n.key] = z(e), c([...m.value, n.key], t[n.key]);
 							});
 						}
 					} else {
 						let t = J(r.value, m.value);
 						if (!t) return;
 						e.children.forEach((n) => {
-							t[n.key] = R(e), c([...m.value, n.key], t[n.key]);
+							t[n.key] = z(e), c([...m.value, n.key], t[n.key]);
 						});
 					}
 				}
@@ -343,7 +343,7 @@ var st = /* @__PURE__ */ p({
 					let { property: t } = JSON.parse(e);
 					if (!t) return !1;
 					let r = q(n.value, m.value);
-					return r ? xe(t, r) : !1;
+					return r ? Ce(t, r) : !1;
 				} catch (e) {
 					console.error(e);
 				}
@@ -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: {},
@@ -433,7 +433,7 @@ var st = /* @__PURE__ */ p({
 				class: "d-flex align-center cursor-pointer",
 				style: y(d.value),
 				onClick: p,
-				onContextmenu: L(m, ["self", "prevent"]),
+				onContextmenu: R(m, ["self", "prevent"]),
 				onMouseout: n[2] ||= (e) => a.value = !1,
 				onMouseover: n[3] ||= (e) => a.value = !0
 			}, [
@@ -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,
@@ -449,7 +449,7 @@ var st = /* @__PURE__ */ p({
 					density: "compact",
 					icon: "mdi-plus",
 					variant: "text",
-					onClick: n[0] ||= L((e) => i("create"), ["stop"])
+					onClick: n[0] ||= R((e) => i("create"), ["stop"])
 				})) : c("", !0),
 				e.hasDelete ? (C(), s(h, {
 					key: 1,
@@ -457,7 +457,7 @@ var st = /* @__PURE__ */ p({
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[1] ||= L((t) => i("delete", e.index), ["stop"])
+					onClick: n[1] ||= R((t) => i("delete", e.index), ["stop"])
 				})) : c("", !0)
 			], 36)), [[g]]);
 		};
@@ -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 } = fe, 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 = ue[e.value];
+		let s = fe[e.value];
 		if (!s) return console.assert(!1, `invalid version=${e.value}`), [];
-		let c = ie(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({
@@ -485,9 +485,9 @@ function ut() {
 			});
 			let i = 0;
 			for (let e of t.items) {
-				let n = re(e);
+				let n = ne(e);
 				if (n && !n.internal && n.slots) for (let e of n.slots) {
-					let r = se("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 } = _e.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 = se("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 } = _e.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 } = _e.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: {},
@@ -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: {},
@@ -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 } = U(), 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 } = B(), i = ve(), { sysBarAvail: a, nameList: l } = U(), { backgroundColor1: p } = H(), 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,
@@ -764,7 +764,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: n[7] ||= ne(L((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[7] ||= L(R((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: F(({ props: t }) => [f(r, v(t, {
 					block: "",
@@ -779,12 +779,12 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[0] ||= L((e) => h("delete"), ["stop"])
+					onClick: n[0] ||= R((e) => h("delete"), ["stop"])
 				})) : c("", !0)]),
 				default: F(() => [u("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: n[4] ||= L((e) => E.value = !1, ["self"]),
-					onContextmenu: n[5] ||= L((e) => E.value = !1, ["self", "prevent"])
+					onClick: n[4] ||= R((e) => E.value = !1, ["self"]),
+					onContextmenu: n[5] ||= R((e) => E.value = !1, ["self", "prevent"])
 				}, [u("div", {
 					class: "elevation-2",
 					style: y(b.value)
@@ -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: {
@@ -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, {
@@ -873,7 +873,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: o[0] ||= L((e) => i("delete"), ["stop"])
+					onClick: o[0] ||= R((e) => i("delete"), ["stop"])
 				})) : c("", !0)])]),
 				default: F(() => [f(h, {
 					modelValue: r.value,
@@ -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: {},
@@ -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: {},
@@ -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 } = U(), 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, 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 } = B(), i = ve(), { sysBarAvail: a, nameList: l } = U(), { backgroundColor1: p } = H(), 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,
@@ -1032,7 +1032,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: n[7] ||= ne(L((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[7] ||= L(R((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: F(({ props: t }) => [f(r, v(t, {
 					block: "",
@@ -1047,12 +1047,12 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[0] ||= L((e) => h("delete"), ["stop"])
+					onClick: n[0] ||= R((e) => h("delete"), ["stop"])
 				})) : c("", !0)]),
 				default: F(() => [u("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: n[4] ||= L((e) => E.value = !1, ["self"]),
-					onContextmenu: n[5] ||= L((e) => E.value = !1, ["self", "prevent"])
+					onClick: n[4] ||= R((e) => E.value = !1, ["self"]),
+					onContextmenu: n[5] ||= R((e) => E.value = !1, ["self", "prevent"])
 				}, [u("div", {
 					class: "elevation-2",
 					style: y(b.value)
@@ -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 = pe(), o = me(), 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(ye), {
+		} }), (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: {
@@ -1176,7 +1176,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				"no-click-animation": "",
 				persistent: "",
 				transition: "dialog-bottom-transition",
-				onKeydown: n[6] ||= ne(L((e) => w.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[6] ||= L(R((e) => w.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: F(({ props: t }) => [f(a, v(t, {
 					block: "",
@@ -1191,7 +1191,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[0] ||= L((e) => m("delete"), ["stop"])
+					onClick: n[0] ||= R((e) => m("delete"), ["stop"])
 				})) : c("", !0)]),
 				default: F(() => [f(o, {
 					color: A(i),
@@ -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 } = B(), { isMobile: r } = U(), i = M(e, "modelValue"), a = t, d = Ve(), p = o(() => ue[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 he({
+		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 = le(i.value) : g.value?.trait === "percent" && (v.value = ce(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" && ae(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 de) 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" && oe(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-color-input"), d = D("v-btn"), p = O("ripple");
-			return C(), l("div", Rt, [u("div", zt, [
+			let r = D("v-select"), i = D("v-number-input"), o = D("v-btn"), d = O("ripple");
+			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, [
@@ -1328,25 +1328,25 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					"items",
 					"readonly"
 				]), [[
-					p,
+					d,
 					void 0,
 					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",
@@ -1355,52 +1355,41 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					"readonly",
 					"step"
 				])), [[
-					p,
+					d,
 					void 0,
 					void 0,
 					{ stop: !0 }
 				]]) : c("", !0),
-				g.value?.trait === "hexColor" ? I((C(), s(o, {
+				h.value?.trait === "hexColor" ? (C(), s(Et, {
 					key: 1,
-					modelValue: b.value,
-					"onUpdate:modelValue": n[2] ||= (e) => b.value = e,
-					density: "compact",
-					"hide-details": "",
-					"hide-pip": "",
-					mode: "hexa",
-					"show-swatches": "",
-					"swatches-max-height": "150px"
-				}, null, 8, ["modelValue"])), [[
-					p,
-					void 0,
-					void 0,
-					{ stop: !0 }
-				]]) : c("", !0),
-				g.value?.trait === "themeColor" ? I((C(), s(r, {
+					modelValue: y.value,
+					"onUpdate:modelValue": n[2] ||= (e) => y.value = e
+				}, null, 8, ["modelValue"])) : c("", !0),
+				h.value?.trait === "themeColor" ? I((C(), s(r, {
 					key: 2,
-					modelValue: x.value,
-					"onUpdate:modelValue": n[3] ||= (e) => x.value = e,
-					items: S.value,
+					modelValue: b.value,
+					"onUpdate:modelValue": n[3] ||= (e) => b.value = e,
 					density: "compact",
 					"hide-details": "",
+					items: x.value,
 					"single-line": ""
 				}, null, 8, ["modelValue", "items"])), [[
-					p,
+					d,
 					void 0,
 					void 0,
 					{ stop: !0 }
 				]]) : c("", !0)
-			]), e.hasDelete ? (C(), s(d, {
+			]), e.hasDelete ? (C(), s(o, {
 				key: 0,
 				class: "mx-2",
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[4] ||= L((e) => a("delete"), ["stop"])
+				onClick: n[4] ||= R((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: {
@@ -1423,7 +1412,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	setup(e, { emit: 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 _e({
 				title: "",
 				value: r.value,
 				precision: e.precision,
@@ -1435,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",
@@ -1466,11 +1455,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] ||= L((e) => i("delete"), ["stop"])
+				onClick: n[1] ||= R((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: {
@@ -1488,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 } = B(), 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 ue[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, [
@@ -1516,17 +1505,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] ||= L((e) => i("delete"), ["stop"])
+				onClick: n[1] ||= R((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: {},
@@ -1548,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: {},
@@ -1567,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 } = U(), 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: {
@@ -1594,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 } = B(), r = ve(), { sysBarAvail: i, nameList: a } = U(), { backgroundColor1: l } = H(), 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,
@@ -1623,7 +1612,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: n[7] ||= ne(L((e) => T.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[7] ||= L(R((e) => T.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: F(({ props: t }) => [f(r, v(t, {
 					block: "",
@@ -1638,12 +1627,12 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[0] ||= L((e) => m("delete"), ["stop"])
+					onClick: n[0] ||= R((e) => m("delete"), ["stop"])
 				})) : c("", !0)]),
 				default: F(() => [u("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: n[4] ||= L((e) => T.value = !1, ["self"]),
-					onContextmenu: n[5] ||= L((e) => T.value = !1, ["self", "prevent"])
+					onClick: n[4] ||= R((e) => T.value = !1, ["self"]),
+					onContextmenu: n[5] ||= R((e) => T.value = !1, ["self", "prevent"])
 				}, [u("div", {
 					class: "elevation-2",
 					style: y(_.value)
@@ -1663,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),
@@ -1680,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: {
@@ -1699,7 +1688,7 @@ var pt = { class: "text-label-large ml-1" }, mt = { class: "text-body-small text
 	setup(e, { emit: t }) {
 		let { isMobile: n } = U(), r = M(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await ge({
+			let i = await ve({
 				title: "",
 				value: r.value
 			});
@@ -1707,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",
@@ -1726,11 +1715,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] ||= L((e) => i("delete"), ["stop"])
+				onClick: n[1] ||= R((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: {
@@ -1750,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",
@@ -1764,18 +1753,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] ||= L((e) => r("delete"), ["stop"])
+				onClick: i[1] ||= R((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: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -1790,11 +1779,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: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -1809,11 +1798,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: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -1828,7 +1817,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");
@@ -1837,11 +1826,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: Y(t, n, r, i, a, e) ?? "{}",
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -1856,11 +1845,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: Y(t, n, r, i, a, e) ?? "",
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -1875,11 +1864,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: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -1898,7 +1887,7 @@ function ln() {
 }
 //#endregion
 //#region src/components/entry/index.vue
-var un = /* @__PURE__ */ p({
+var fn = /* @__PURE__ */ p({
 	__name: "index",
 	props: { minHeight: {} },
 	emits: ["menu"],
@@ -1917,7 +1906,7 @@ var un = /* @__PURE__ */ p({
 			return I((C(), l("div", {
 				class: "d-flex justify-space-between align-center cursor-pointer",
 				style: y(s.value),
-				onContextmenu: L(c, ["self", "prevent"]),
+				onContextmenu: R(c, ["self", "prevent"]),
 				onMouseout: t[0] ||= (e) => a.value = !1,
 				onMouseover: t[1] ||= (e) => a.value = !0
 			}, [ee(e.$slots, "default")], 36)), [[n]]);
@@ -1926,11 +1915,11 @@ var un = /* @__PURE__ */ p({
 });
 //#endregion
 //#region src/composables/uis/uiProperty.ts
-function dn() {
-	let { t: e } = B(), 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) => {
 				V.emit("propTreeMenu", {
@@ -1950,11 +1939,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: Y(t, n, r, i, a, e) ?? "",
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -1970,11 +1959,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: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -1989,11 +1978,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 : Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				n.static || X(t, n, r, o, i, a, e);
@@ -2008,11 +1997,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: Y(t, n, r, i, a, e) ?? !1,
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -2027,17 +2016,17 @@ 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 } = B(), { backgroundColor1: r } = H(), 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 = be(e, t, r, i, a, u), l = n(t.name);
+			let o = Se(e, t, r, i, a, u), l = n(t.name);
 			G(s, e) && Q(c.value, e) && (l += " *");
-			let d = m(lt, {
+			let d = m(dt, {
 				title: l,
 				collapse: G(s, e),
 				hasCreate: !0,
@@ -2054,12 +2043,12 @@ 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}]`;
 					G(s, [...e, r]) && Q(c.value, i) && (a += " *");
-					let l = m(lt, {
+					let l = m(dt, {
 						title: a,
 						collapse: G(s, [...e, r]),
 						hasDelete: !0,
@@ -2079,7 +2068,7 @@ 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;
@@ -2097,7 +2086,7 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 			if (t.array) throw Error("renderBranchScalar property array must be invalid");
 			let o = n(t.name);
 			G(s, e) && Q(c.value, e) && (o += " *");
-			let l = m(lt, {
+			let l = m(dt, {
 				title: o,
 				collapse: G(s, e),
 				hasDelete: i !== void 0 && !a,
@@ -2114,7 +2103,7 @@ 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;
@@ -2126,9 +2115,9 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 		}, 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 = be(e, t, r, i, a, u), l = n(t.name);
+			let o = Se(e, t, r, i, a, u), l = n(t.name);
 			G(s, e) && Q(c.value, e) && (l += " *");
-			let d = m(lt, {
+			let d = m(dt, {
 				title: l,
 				collapse: G(s, e),
 				hasCreate: !0,
@@ -2143,9 +2132,9 @@ var gn = "20px", _n = /* @__PURE__ */ p({
 					});
 				},
 				onCreate: () => {
-					o.push(R(t)), u(e, o);
+					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;
@@ -2166,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: {},
@@ -2180,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: {}
 		}));
@@ -2207,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."))));
@@ -2223,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 };