x-prop-tree 0.8.16 → 0.8.17

package/dist/index.js

@@ -1,13 +1,13 @@
 import { a as e, i as t, n, o as r, r as i, t as a } from "./vendor.cs922lli.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, h, inject as g, isRef as _, mergeModels as v, mergeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, openBlock as w, provide as T, ref as E, renderList as D, renderSlot as ee, resolveComponent as O, resolveDirective as k, toDisplayString as A, unref as j, useId as M, useModel as N, useTemplateRef as te, watch as P, watchEffect as F, withCtx as I, withDirectives as L, withKeys as R, withModifiers as z } from "vue";
-import { getElement as ne, getItems as re, getPropertyDefault as B, getPropertyDefaultArray as V, getTag as ie, getTypes as ae, isHexColor as oe, isThemeColor as se, makeSlotId as ce, parseNumberUnit as le, pkgs as ue, rules as de, themeColors as fe } from "x-runtime-lib";
-import { useI18n as H } from "vue-i18n";
-import { eventBus as U, globalObjects as pe, injectDark as me, injectLocale as he, openNumberDlg as ge, openPromptDlg as _e, useColor as W, useSystem as G, useViewStack as K } 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";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, h, inject as g, isRef as _, mergeModels as v, mergeProps as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, onUnmounted as C, openBlock as w, provide as T, ref as E, renderList as D, renderSlot as ee, resolveComponent as O, resolveDirective as k, toDisplayString as A, unref as j, useId as M, useModel as N, useTemplateRef as te, watch as P, watchEffect as F, withCtx as I, withDirectives as L, withKeys as ne, withModifiers as R } from "vue";
+import { eventBus as z, globalObjects as re, injectDark as ie, injectLocale as ae, openNumberDlg as oe, openPromptDlg as se, useColor as B, useSystem as V, useViewStack as H } from "x-essential-lib";
+import { getElement as ce, getItems as le, getPropertyDefault as U, getPropertyDefaultArray as W, getTag as ue, getTypes as de, isHexColor as fe, isThemeColor as pe, makeSlotId as me, parseNumberUnit as he, pkgs as ge, rules as _e, themeColors as ve } from "x-runtime-lib";
+import { useI18n as G } from "vue-i18n";
+import { globalState as ye } from "x-state-lib";
+import { useDisplay as be } from "vuetify";
+import { XBlockly as xe } from "x-block-lib";
 //#region src/utils/common.ts
-function xe(e, t) {
+function Se(e, t) {
 	let n = {
 		key: "",
 		name: "",
@@ -20,7 +20,7 @@ function xe(e, t) {
 	}
 	return n;
 }
-function q(e, t) {
+function K(e, t) {
 	let n = e;
 	for (let e of t) {
 		if (!n) throw Error("target must be valid");
@@ -28,42 +28,42 @@ function q(e, t) {
 	}
 	return n;
 }
-function Se(t, n, r, i, a, o) {
+function Ce(t, n, r, i, a, o) {
 	if (i !== void 0 && !a) {
 		if (!(r[i] instanceof Array)) {
-			let a = V(n);
+			let a = W(n);
 			e(a, r[i]) || (r[i] = a, o(t, r[i]));
 		}
 		return r[i];
 	} else {
 		if (!(r[n.key] instanceof Array)) {
-			let i = V(n);
+			let i = W(n);
 			e(i, r[n.key]) || (r[n.key] = i, o(t, r[n.key]));
 		}
 		return r[n.key];
 	}
 }
-function J(t, n, r, i, a, o) {
+function q(t, n, r, i, a, o) {
 	if (i !== void 0 && !a) {
 		if (r[i] === void 0) {
-			let a = B(n);
+			let a = U(n);
 			e(a, r[i]) || (r[i] = a, o(t, r[i]));
 		}
 		return r[i];
 	} else {
 		if (r[n.key] === void 0) {
-			let i = B(n);
+			let i = U(n);
 			e(i, r[n.key]) || (r[n.key] = i, o(t, r[n.key]));
 		}
 		return r[n.key];
 	}
 }
-function Y(e, t, n, r, i, a, o) {
-	i !== void 0 && !a ? r !== n[i] && (n[i] = r, o(e, n[i])) : r !== n[t.key] && (n[t.key] = r, o(e, n[t.key]));
+function J(t, n, i, a, o, s, c) {
+	o !== void 0 && !s ? e(a, i[o]) || (i[o] = r(a), c(t, i[o])) : e(a, i[n.key]) || (i[n.key] = r(a), c(t, i[n.key]));
 }
 //#endregion
 //#region src/utils/collapseState.ts
-function X(e, t) {
+function Y(e, t) {
 	let n = e.value;
 	for (let e of t) {
 		if (!n.children[e]) return !0;
@@ -71,7 +71,7 @@ function X(e, t) {
 	}
 	return n.collapse;
 }
-function Ce(e, t, n) {
+function we(e, t, n) {
 	let r = e.value;
 	for (let e of t) r.children[e] || (r.children[e] = {
 		collapse: !0,
@@ -81,35 +81,49 @@ function Ce(e, t, n) {
 }
 //#endregion
 //#region src/utils/copyPaste.ts
-var we = [
+var Te = [
 	"key",
 	"name",
 	"children",
 	"default",
 	"arrayDefault"
-], Te = (n, r) => {
+];
+function Ee(n, r) {
 	function i(n, r) {
-		if (!e(t(n, we), t(r, we))) return !1;
+		if (!e(t(n, Te), t(r, Te))) return !1;
 		if (n.ui || r.ui) return !0;
 		if (n.children.length !== r.children.length) return !1;
 		for (let e = 0; e < n.children.length; e++) if (!i(n.children[e], r.children[e])) return !1;
 		return !0;
 	}
 	return i(n, r);
-}, Ee = [["basic", "id"], ["basic", "name"]];
-function De(t) {
-	return Ee.find((n) => e(t, n));
 }
-function Oe(e, t, n, i, a, o, s) {
+function De(e, t, n, r, i, a) {
+	function o(e, t, n, r, i) {
+		if (t.ui) {
+			if (t.readonly || t.static) return;
+			J(e, t, n, r, i, !1, a);
+		} else if (t.array) J(e, t, n, r, i, !1, a);
+		else for (let i of t.children) typeof n == "object" && typeof r == "object" && o([...e, i.key], i, n[t.key], r[i.key], void 0);
+	}
+	o(e, t, n, r, i);
+}
+//#endregion
+//#region src/utils/propertyState.ts
+var Oe = [["basic", "id"], ["basic", "name"]];
+function ke(t) {
+	return Oe.find((n) => e(t, n));
+}
+function X(e, t, n, i, a, o, s) {
 	return e = r(e), a === void 0 ? e.push(t.key) : (e.push(a), o && e.push(t.key)), e?.[0] === "runtime" ? {
 		change: !1,
 		warning: !1
-	} : De(e) ? (i.change = !1, i.warning = !1, {
+	} : ke(e) ? (i.change = !1, i.warning = !1, {
 		change: i.change,
 		warning: i.warning
-	}) : t.ui ? t.array && !s ? je(e, t, n, i, a, o) : Me(t, n, i, a, o) : t.array ? ke(e, t, n, i, a, o) : Ae(e, t, n, i, a, o);
+	}) : t.ui ? t.array && !s ? Me(e, t, n, i, a, o) : Ne(t, n, i, a, o) : t.array ? Ae(e, t, n, i, a, o) : je(e, t, n, i, a, o);
 }
-function ke(t, n, r, i, a, o) {
+function Ae(t, 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;
@@ -130,16 +144,16 @@ function ke(t, n, r, i, a, o) {
 				warning: !1,
 				children: {}
 			};
-			let { change: n, warning: o } = Oe(t, a, s[e], r.children[a.key], e, !0);
+			let { change: n, warning: o } = X(t, a, s[e], r.children[a.key], e, !0);
 			!r.change && n && (r.change = n), !r.change && o && (r.warning = o), !i.change && r.change && (i.change = r.change), !i.warning && r.warning && (i.warning = r.warning);
 		}
 	}
-	return i.change ||= !e(s, V(n)), {
+	return i.change ||= !e(s, W(n)), {
 		change: i.change,
 		warning: i.warning
 	};
 }
-function Ae(e, t, n, r, i, a) {
+function je(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;
@@ -154,7 +168,7 @@ function Ae(e, t, n, r, i, a) {
 			warning: !1,
 			children: {}
 		};
-		let { change: a, warning: s } = Oe(e, i, o, r.children[i.key], void 0, !1);
+		let { change: a, warning: s } = X(e, i, o, r.children[i.key], void 0, !1);
 		!r.change && a && (r.change = a), !r.warning && s && (r.warning = s);
 	}
 	return {
@@ -162,7 +176,7 @@ function Ae(e, t, n, r, i, a) {
 		warning: r.change
 	};
 }
-function je(t, n, r, i, a, o) {
+function Me(t, 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;
@@ -176,23 +190,23 @@ function je(t, n, r, i, a, o) {
 			warning: !1,
 			children: {}
 		};
-		let { change: r, warning: a } = Oe(t, n, s, i.children[e], e, !1, !0);
+		let { change: r, warning: a } = X(t, n, s, i.children[e], e, !1, !0);
 		!i.change && r && (i.change = r), !i.warning && a && (i.warning = a);
 	}
-	return i.change ||= !e(s, V(n)), {
+	return i.change ||= !e(s, W(n)), {
 		change: i.change,
 		warning: i.warning
 	};
 }
-function Me(t, n, r, i, a) {
+function Ne(t, n, r, i, a) {
 	if (!t.ui) throw Error("execPropertyLeafScalar property ui must be valid");
 	let o;
-	return o = i !== void 0 && !a ? n[i] : n[t.key], r.change = !e(o, B(t)), {
+	return o = i !== void 0 && !a ? n[i] : n[t.key], r.change = !e(o, U(t)), {
 		change: r.change,
 		warning: r.warning
 	};
 }
-function Ne(e, t, n) {
+function Pe(e, t, n) {
 	if (t.length <= 0 || !n) {
 		e.value = {
 			change: !1,
@@ -212,7 +226,7 @@ function Ne(e, t, n) {
 			warning: !1,
 			children: {}
 		};
-		r.children[e.key] = t, Oe([], e, n, t, void 0, !1);
+		r.children[e.key] = t, X([], e, n, t, void 0, !1);
 	}
 	e.value = r;
 }
@@ -226,192 +240,238 @@ function Z(e, t) {
 }
 //#endregion
 //#region src/utils/provideInject.ts
-var Pe = Symbol(), Fe = Symbol(), Ie = Symbol(), Le = Symbol(), Re = Symbol(), ze = Symbol(), Be = Symbol(), Ve = Symbol(), He = Symbol(), Ue = Symbol(), We = Symbol();
-function Ge(e) {
-	T(Pe, e);
-}
-function Ke() {
-	return g(Pe);
-}
-function qe(e) {
+var Fe = Symbol(), Ie = Symbol(), Le = Symbol(), Re = Symbol(), ze = Symbol(), Be = Symbol(), Ve = Symbol(), He = Symbol(), Ue = Symbol(), We = Symbol(), Ge = Symbol();
+function Ke(e) {
 	T(Fe, e);
 }
-function Je() {
+function qe() {
 	return g(Fe);
 }
-function Ye(e) {
+function Je(e) {
 	T(Ie, e);
 }
-function Xe() {
+function Ye() {
 	return g(Ie);
 }
-function Ze(e) {
+function Xe(e) {
 	T(Le, e);
 }
-function Qe() {
+function Ze() {
 	return g(Le);
 }
-function $e(e) {
+function Qe(e) {
 	T(Re, e);
 }
-function et() {
+function $e() {
 	return g(Re);
 }
-function tt(e) {
+function et(e) {
 	T(ze, e);
 }
-function nt() {
+function tt() {
 	return g(ze);
 }
-function rt(e) {
+function nt(e) {
 	T(Be, e);
 }
-function it() {
+function rt() {
 	return g(Be);
 }
-function at(e) {
+function it(e) {
 	T(Ve, e);
 }
-function Q() {
+function at() {
 	return g(Ve);
 }
 function ot(e) {
 	T(He, e);
 }
-function st() {
+function Q() {
 	return g(He);
 }
-function ct(e) {
+function st(e) {
 	T(Ue, e);
 }
-function lt() {
+function ct() {
 	return g(Ue);
 }
-function ut(e) {
+function lt(e) {
 	T(We, e);
 }
-function dt() {
+function ut() {
 	return g(We);
 }
+function dt(e) {
+	T(Ge, e);
+}
+function ft() {
+	return g(Ge);
+}
 //#endregion
 //#region src/utils/reset.ts
-function ft(t, n, r, i) {
-	if (n.ui) if (n.array) {
-		let a = t[n.key], o = V(n);
-		e(o, a) || (t[n.key] = o, i([...r, n.key], o));
-	} else {
-		let a = t[n.key], o = B(n);
-		e(o, a) || (t[n.key] = o, i([...r, n.key], o));
-	}
-	else if (n.array) {
-		let a = t[n.key], o = V(n);
+function pt(t, n, r, i) {
+	if (n.ui) {
+		if (n.readonly || n.static) return;
+		if (n.array) {
+			let a = t[n.key], o = W(n);
+			e(o, a) || (t[n.key] = o, i([...r, n.key], o));
+		} else {
+			let a = t[n.key], o = U(n);
+			e(o, a) || (t[n.key] = o, i([...r, n.key], o));
+		}
+	} else if (n.array) {
+		let a = t[n.key], o = W(n);
 		e(o, a) || (t[n.key] = o, i([...r, n.key], o));
-	} else for (let e of n.children) ft(t[n.key], e, [...r, n.key], i);
+	} else for (let e of n.children) pt(t[n.key], e, [...r, n.key], i);
 }
-function pt(t, n, r, i) {
+function mt(t, n, r, i) {
 	let a = r.at(-1);
 	if (a === void 0) return;
-	let o = xe(n, r);
-	if (o) if (o.ui) if (o.array) if (typeof a == "string") {
-		let n = q(t, r.slice(0, -1));
-		if (!n) return;
-		let s = n[a], c = V(o);
-		e(c, s) || (n[a] = c, i(r, c));
-	} else {
-		let n = q(t, r.slice(0, -1));
-		if (!n) return;
-		let s = n[a], c = B(o);
-		e(c, s) || (n[a] = c, i(r, c));
-	}
-	else {
-		let n = q(t, r.slice(0, -1));
-		if (!n) return;
-		let s = n[a], c = B(o);
-		e(c, s) || (n[a] = c, i(r, c));
-	}
-	else if (o.array) if (typeof a == "string") {
-		let n = q(t, r.slice(0, -1));
+	let o = Se(n, r);
+	if (o) if (o.ui) {
+		if (o.readonly || o.static) return;
+		if (o.array) if (typeof a == "string") {
+			let n = K(t, r.slice(0, -1));
+			if (!n) return;
+			let s = n[a], c = W(o);
+			e(c, s) || (n[a] = c, i(r, c));
+		} else {
+			let n = K(t, r.slice(0, -1));
+			if (!n) return;
+			let s = n[a], c = U(o);
+			e(c, s) || (n[a] = c, i(r, c));
+		}
+		else {
+			let n = K(t, r.slice(0, -1));
+			if (!n) return;
+			let s = n[a], c = U(o);
+			e(c, s) || (n[a] = c, i(r, c));
+		}
+	} else if (o.array) if (typeof a == "string") {
+		let n = K(t, r.slice(0, -1));
 		if (!n) return;
-		let s = n[a], c = V(o);
+		let s = n[a], c = W(o);
 		e(c, s) || (n[a] = c, i(r, c));
 	} else {
-		let e = q(t, r);
+		let e = K(t, r);
 		if (!e) return;
-		for (let t of o.children) ft(e, t, r, i);
+		for (let t of o.children) pt(e, t, r, i);
 	}
 	else {
-		let e = q(t, r);
+		let e = K(t, r);
 		if (!e) return;
-		for (let t of o.children) ft(e, t, r, i);
+		for (let t of o.children) pt(e, t, r, i);
+	}
+}
+//#endregion
+//#region src/components/menu/func/copy.ts
+function ht(e) {
+	let { t } = G(), n = $e(), r = tt();
+	function i() {
+		return !0;
+	}
+	function a() {
+		let t = Se(n.value, e.value);
+		if (!t) return;
+		let i = {
+			property: t,
+			object: K(r.value, e.value)
+		};
+		localStorage.setItem("propTreeCopy", JSON.stringify(i));
+	}
+	function o(e) {
+		i() && e.push({
+			title: t("x-prop-tree.copy"),
+			func: a
+		});
+	}
+	return { tryPushCopy: o };
+}
+//#endregion
+//#region src/components/menu/func/paste.ts
+function gt(e) {
+	let { t } = G(), n = $e(), r = tt(), i = Q();
+	function a() {
+		if (e.value.length <= 0) return !1;
+		let t = Se(n.value, e.value);
+		if (!t) return !1;
+		let r = localStorage.getItem("propTreeCopy");
+		if (!r) return !1;
+		let i;
+		try {
+			i = JSON.parse(r);
+		} catch (e) {
+			return console.error("parse propTreeCopy failed", e), !1;
+		}
+		return !!Ee(t, i.property);
+	}
+	function o() {
+		if (e.value.length <= 0) return;
+		let t = Se(n.value, e.value);
+		if (!t) return;
+		let a = localStorage.getItem("propTreeCopy");
+		if (!a) return;
+		let o;
+		try {
+			o = JSON.parse(a);
+		} catch (e) {
+			console.error("parse propTreeCopy failed", e);
+			return;
+		}
+		if (!Ee(t, o.property)) return;
+		let s = K(r.value, e.value.slice(0, -1));
+		if (!s) return;
+		let c = e.value.at(-1);
+		De(e.value, t, s, o.object, typeof c == "number" ? c : void 0, i);
+	}
+	function s(e) {
+		a() && e.push({
+			title: t("x-prop-tree.paste"),
+			func: o
+		});
+	}
+	return { tryPushPaste: s };
+}
+//#endregion
+//#region src/components/menu/func/reset.ts
+function _t(e) {
+	let { t } = G(), n = $e(), r = tt(), i = at(), a = Q();
+	function o() {
+		return !(e.value.length <= 0 || !Z(i.value, e.value));
+	}
+	function s() {
+		mt(r.value, n.value, e.value, a);
 	}
+	function c(e) {
+		o() && e.push({
+			title: t("x-prop-tree.reset"),
+			func: s
+		});
+	}
+	return { tryPushReset: c };
 }
 //#endregion
 //#region src/components/menu/index.vue
-var mt = /* @__PURE__ */ m({
+var vt = /* @__PURE__ */ m({
 	__name: "index",
 	setup(e) {
-		let { t } = H(), n = Qe(), r = et(), i = it(), a = Q(), l = E(0), d = E(0), m = E([]), h = s(() => [l.value, d.value]), g = (e) => {
-			!(m.value.length <= 0 || !Z(i.value, m.value)) && e.push({
-				title: t("x-prop-tree.reset"),
-				func: () => {
-					pt(r.value, n.value, m.value, a);
-				}
-			});
-		}, v = (e) => {
-			e.push({
-				title: t("x-prop-tree.copy"),
-				func: () => {
-					let e = xe(n.value, m.value), t = q(r.value, m.value);
-					localStorage.setItem("propTreeCopy", JSON.stringify({
-						property: e,
-						object: t
-					}));
-				}
-			});
-		}, y = (e) => {
-			let r = () => {
-				let e = localStorage.getItem("propTreeCopy");
-				if (!e) return !1;
-				try {
-					let { property: t } = JSON.parse(e);
-					if (!t) return !1;
-					let r = xe(n.value, m.value);
-					return r ? Te(t, r) : !1;
-				} catch (e) {
-					console.error(e);
-				}
-				return !1;
-			};
-			r() && e.push({
-				title: t("x-prop-tree.paste"),
-				func: () => {
-					if (!r()) return;
-					let e = localStorage.getItem("propTreeCopy");
-					if (e) try {
-						let { object: t } = JSON.parse(e), r = xe(n.value, m.value);
-						console.log(t, r);
-					} catch (e) {
-						console.error(e);
-					}
-				}
-			});
-		}, b = s(() => {
+		let t = E(0), n = E(0), r = E([]), i = s(() => [t.value, n.value]), { tryPushCopy: a } = ht(r), { tryPushPaste: l } = gt(r), { tryPushReset: d } = _t(r), m = s(() => {
 			let e = [];
-			return g(e), v(e), y(e), e;
-		}), { open: x } = K("propTreeMenu", (e) => {
-			l.value = e.x, d.value = e.y, m.value = e.keys;
+			return a(e), l(e), d(e), e;
+		}), { open: h } = H("propTreeMenu", (e) => {
+			t.value = e.x, n.value = e.y, r.value = e.keys;
 		});
 		return (e, t) => {
-			let n = O("v-list-item-title"), r = O("v-list-item"), i = O("v-list"), a = O("v-menu");
-			return w(), c(a, {
-				modelValue: j(x),
-				"onUpdate:modelValue": t[0] ||= (e) => _(x) ? x.value = e : null,
+			let n = O("v-list-item-title"), r = O("v-list-item"), a = O("v-list"), s = O("v-menu");
+			return w(), c(s, {
+				modelValue: j(h),
+				"onUpdate:modelValue": t[0] ||= (e) => _(h) ? h.value = e : null,
 				"location-strategy": "connected",
 				scrim: "transparent",
-				target: h.value
+				target: i.value
 			}, {
-				default: I(() => [p(i, null, {
-					default: I(() => [(w(!0), u(o, null, D(b.value, (e, t) => (w(), c(r, {
+				default: I(() => [p(a, null, {
+					default: I(() => [(w(!0), u(o, null, D(m.value, (e, t) => (w(), c(r, {
 						key: t,
 						link: "",
 						onClick: e.func
@@ -428,7 +488,7 @@ var mt = /* @__PURE__ */ m({
 			}, 8, ["modelValue", "target"]);
 		};
 	}
-}), ht = { style: { pointerEvents: "none" } }, gt = /* @__PURE__ */ m({
+}), yt = { style: { pointerEvents: "none" } }, bt = /* @__PURE__ */ m({
 	__name: "index",
 	props: {
 		title: {},
@@ -450,7 +510,7 @@ var mt = /* @__PURE__ */ m({
 		"delete"
 	],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = E(!1), o = s(() => ({
+		let { backgroundColor2: n, highlightColor: r } = B(), i = t, a = E(!1), o = s(() => ({
 			background: a.value ? r.value : n.value,
 			height: "36px",
 			marginBottom: "1px",
@@ -466,7 +526,7 @@ var mt = /* @__PURE__ */ m({
 				class: "d-flex align-center cursor-pointer",
 				style: b(o.value),
 				onClick: f,
-				onContextmenu: z(m, ["self", "prevent"]),
+				onContextmenu: R(m, ["self", "prevent"]),
 				onMouseout: n[2] ||= (e) => a.value = !1,
 				onMouseover: n[3] ||= (e) => a.value = !0
 			}, [
@@ -474,7 +534,7 @@ var mt = /* @__PURE__ */ m({
 					class: "mr-1",
 					icon: e.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
 				}, null, 8, ["icon"]),
-				d("span", ht, A(e.title), 1),
+				d("span", yt, A(e.title), 1),
 				p(s),
 				e.hasCreate ? (w(), c(h, {
 					key: 0,
@@ -482,7 +542,7 @@ var mt = /* @__PURE__ */ m({
 					density: "compact",
 					icon: "mdi-plus",
 					variant: "text",
-					onClick: n[0] ||= z((e) => i("create"), ["stop"])
+					onClick: n[0] ||= R((e) => i("create"), ["stop"])
 				})) : l("", !0),
 				e.hasDelete ? (w(), c(h, {
 					key: 1,
@@ -490,7 +550,7 @@ var mt = /* @__PURE__ */ m({
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[1] ||= z((t) => i("delete", e.index), ["stop"])
+					onClick: n[1] ||= R((t) => i("delete", e.index), ["stop"])
 				})) : l("", !0)
 			], 36)), [[g]]);
 		};
@@ -498,14 +558,14 @@ var mt = /* @__PURE__ */ m({
 });
 //#endregion
 //#region src/composables/adaptSlotList/index.ts
-function _t() {
-	let e = Ke(), t = Je(), n = Xe(), { i18n: r } = pe, o = E([]);
-	ut(o);
+function xt() {
+	let e = qe(), t = Ye(), n = Ze(), { i18n: r } = re, o = E([]);
+	dt(o);
 	let s = () => {
 		if (!e.value || !t.value || !n.value) return [];
-		let s = ue[e.value];
+		let s = ge[e.value];
 		if (!s) return console.assert(!1, `invalid version=${e.value}`), [];
-		let c = ie(t.value, n.value), l = [];
+		let c = ue(t.value, n.value), l = [];
 		for (let e = 0; e < s.groups[c].length; e++) {
 			let t = s.groups[c][e], n = i(o, t.key);
 			l.push({
@@ -518,9 +578,9 @@ function _t() {
 			});
 			let a = 0;
 			for (let e of t.items) {
-				let n = ne(e);
+				let n = ce(e);
 				if (n && !n.internal && n.slots) for (let e of n.slots) {
-					let i = ce("elementSlot", n.key, e.key), o = `${r.global.t(n.name)} / ${r.global.t(e.name)}`;
+					let i = me("elementSlot", n.key, e.key), o = `${r.global.t(n.name)} / ${r.global.t(e.name)}`;
 					l.push({
 						id: i,
 						type: 1,
@@ -531,7 +591,7 @@ function _t() {
 				}
 			}
 		}
-		let { activeApp: u, depends: d } = ve.app;
+		let { activeApp: u, depends: d } = ye.app;
 		for (let { id: e, name: t, position: n } of u.compGroups) {
 			let r = i(o, e);
 			l.push({
@@ -546,7 +606,7 @@ function _t() {
 		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 = ce("customSlot", e.id, n.id), r = `${e.name} / ${n.name}`;
+				let t = me("customSlot", e.id, n.id), r = `${e.name} / ${n.name}`;
 				l.push({
 					id: t,
 					type: 1,
@@ -580,11 +640,11 @@ function _t() {
 }
 //#endregion
 //#region src/composables/compList/index.ts
-function vt() {
+function St() {
 	let e = E([]);
-	ot(e);
+	st(e);
 	let t = () => {
-		let { activeApp: t, depends: n } = ve.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({
@@ -618,11 +678,11 @@ function vt() {
 }
 //#endregion
 //#region src/composables/slotList/index.ts
-function yt() {
+function Ct() {
 	let e = E([]);
-	ct(e);
+	lt(e);
 	let t = () => {
-		let { activeObject: e, activeComp: t } = ve.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({
@@ -647,7 +707,7 @@ function yt() {
 }
 //#endregion
 //#region src/components/values/adaptSlot/adaptSlotList/group.vue?vue&type=script&setup=true&lang.ts
-var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text-grey ml-1" }, St = /* @__PURE__ */ m({
+var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text-grey ml-1" }, Et = /* @__PURE__ */ m({
 	__name: "group",
 	props: {
 		id: {},
@@ -657,7 +717,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = W(), i = e, a = t, o = E(!1), c = s(() => ({
+		let { backgroundColor2: n, highlightColor: r } = B(), i = e, a = t, o = E(!1), c = s(() => ({
 			background: o.value ? r.value : n.value,
 			height: "30px",
 			marginTop: "1px",
@@ -676,12 +736,12 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 					icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
 					size: "small"
 				}, null, 8, ["icon"]),
-				d("span", bt, A(i.title), 1),
-				d("span", xt, A(i.count), 1)
+				d("span", wt, A(i.title), 1),
+				d("span", Tt, A(i.count), 1)
 			], 36)), [[r]]);
 		};
 	}
-}), Ct = { class: "text-body-large ml-6" }, wt = /* @__PURE__ */ m({
+}), Dt = { class: "text-body-large ml-6" }, Ot = /* @__PURE__ */ m({
 	__name: "item",
 	props: {
 		id: {},
@@ -689,7 +749,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = E(!1), o = s(() => ({
+		let { backgroundColor2: n, highlightColor: r } = B(), i = t, a = E(!1), o = s(() => ({
 			background: a.value ? r.value : n.value,
 			height: "48px",
 			marginTop: "1px",
@@ -703,13 +763,13 @@ var bt = { class: "text-label-large ml-1" }, xt = { 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
-			}, [d("span", Ct, A(e.title), 1)], 36)), [[r]]);
+			}, [d("span", Dt, A(e.title), 1)], 36)), [[r]]);
 		};
 	}
-}), Tt = { key: 0 }, Et = {
+}), kt = { key: 0 }, At = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
-}, Dt = /* @__PURE__ */ m({
+}, jt = /* @__PURE__ */ m({
 	__name: "index",
 	props: {
 		modelValue: {},
@@ -722,13 +782,13 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e) {
-		let { nameList: t } = G(), r = N(e, "modelValue"), a = N(e, "open"), s = dt(), d = (e) => {
+		let { nameList: t } = V(), r = N(e, "modelValue"), a = N(e, "open"), s = ft(), d = (e) => {
 			let t = i(s, e);
 			t && n(s, e, !t.collapse);
 		}, f = (e) => {
 			r.value = e, a.value = !1;
 		};
-		return (e, n) => j(s).length > 0 ? (w(), u("div", Tt, [(w(!0), u(o, null, D(j(s), (e) => (w(), u(o, { key: e.id }, [e.type === 0 ? (w(), c(St, {
+		return (e, n) => j(s).length > 0 ? (w(), u("div", kt, [(w(!0), u(o, null, D(j(s), (e) => (w(), u(o, { key: e.id }, [e.type === 0 ? (w(), c(Et, {
 			key: 0,
 			id: e.id,
 			collapse: e.collapse,
@@ -740,18 +800,18 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 			"collapse",
 			"count",
 			"title"
-		])) : l("", !0), e.type === 1 && e.show ? (w(), c(wt, {
+		])) : l("", !0), e.type === 1 && e.show ? (w(), c(Ot, {
 			key: 1,
 			id: e.id,
 			title: e.name,
 			onXClick: f
-		}, null, 8, ["id", "title"])) : l("", !0)], 64))), 128))])) : (w(), u("div", Et, A(j(t)([
+		}, null, 8, ["id", "title"])) : l("", !0)], 64))), 128))])) : (w(), u("div", At, A(j(t)([
 			"x-prop-tree.no",
 			"x-prop-tree.adapt",
 			"x-prop-tree.slot"
 		])), 1));
 	}
-}), Ot = { class: "text-body-large" }, kt = /* @__PURE__ */ m({
+}), Mt = { class: "text-body-large" }, Nt = /* @__PURE__ */ m({
 	__name: "index",
 	props: /* @__PURE__ */ v({
 		hasDelete: {
@@ -768,7 +828,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = H(), r = ye(), { sysBarAvail: a, nameList: o } = G(), { backgroundColor1: u } = W(), m = N(e, "modelValue"), h = t, g = dt(), v = s(() => {
+		let { t: n } = G(), r = be(), { sysBarAvail: a, nameList: o } = V(), { backgroundColor1: u } = B(), m = N(e, "modelValue"), h = t, g = ft(), v = s(() => {
 			let e = "100%";
 			return r.mdAndUp.value && (e = "400px"), {
 				background: u.value,
@@ -785,7 +845,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 			if (!m.value) return n("x-runtime-lib.notSet");
 			let e = i(g, m.value);
 			return e ? e.name : n("x-runtime-lib.slotNotAvail");
-		}), { open: E } = K(`propTreeAdaptSlotSelectDlg${M()}`);
+		}), { open: E } = H(`propTreeAdaptSlotSelectDlg${M()}`);
 		return C(() => {
 			E.value = !1;
 		}), (t, n) => {
@@ -797,7 +857,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: n[7] ||= R(z((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[7] ||= ne(R((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: I(({ props: t }) => [p(r, y(t, {
 					block: "",
@@ -812,12 +872,12 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[0] ||= z((e) => h("delete"), ["stop"])
+					onClick: n[0] ||= R((e) => h("delete"), ["stop"])
 				})) : l("", !0)]),
 				default: I(() => [d("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: n[4] ||= z((e) => E.value = !1, ["self"]),
-					onContextmenu: n[5] ||= z((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"])
 				}, [d("div", {
 					class: "elevation-2",
 					style: b(v.value)
@@ -837,7 +897,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 							icon: "mdi-close",
 							variant: "text",
 							onClick: n[1] ||= (e) => E.value = !1
-						}), d("span", Ot, A(j(o)([
+						}), d("span", Mt, A(j(o)([
 							"x-prop-tree.select",
 							"x-prop-tree.adapt",
 							"x-prop-tree.slot"
@@ -847,7 +907,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 					d("div", {
 						class: "overflow-y-auto",
 						style: b(x.value)
-					}, [p(Dt, {
+					}, [p(jt, {
 						modelValue: m.value,
 						"onUpdate:modelValue": n[2] ||= (e) => m.value = e,
 						open: j(E),
@@ -858,7 +918,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), At = { class: "text-label-large ml-1" }, jt = { class: "text-body-small text-grey ml-1" }, Mt = /* @__PURE__ */ m({
+}), Pt = { class: "text-label-large ml-1" }, Ft = { class: "text-body-small text-grey ml-1" }, It = /* @__PURE__ */ m({
 	__name: "group",
 	props: {
 		id: {},
@@ -868,7 +928,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = W(), i = e, a = t, o = E(!1), c = s(() => ({
+		let { backgroundColor2: n, highlightColor: r } = B(), i = e, a = t, o = E(!1), c = s(() => ({
 			background: o.value ? r.value : n.value,
 			height: "30px",
 			marginTop: "1px",
@@ -887,12 +947,12 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 					icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
 					size: "small"
 				}, null, 8, ["icon"]),
-				d("span", At, A(i.title), 1),
-				d("span", jt, A(i.count), 1)
+				d("span", Pt, A(i.title), 1),
+				d("span", Ft, A(i.count), 1)
 			], 36)), [[r]]);
 		};
 	}
-}), Nt = { class: "text-body-large ml-6" }, Pt = /* @__PURE__ */ m({
+}), Lt = { class: "text-body-large ml-6" }, Rt = /* @__PURE__ */ m({
 	__name: "item",
 	props: {
 		id: {},
@@ -900,7 +960,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = W(), i = e, a = t, o = E(!1), c = s(() => ({
+		let { backgroundColor2: n, highlightColor: r } = B(), i = e, a = t, o = E(!1), c = s(() => ({
 			background: o.value ? r.value : n.value,
 			height: "48px",
 			marginTop: "1px",
@@ -914,13 +974,13 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 				onClick: t[0] ||= (e) => a("x-click", i.id),
 				onMouseout: t[1] ||= (e) => o.value = !1,
 				onMouseover: t[2] ||= (e) => o.value = !0
-			}, [d("span", Nt, A(i.title), 1)], 36)), [[n]]);
+			}, [d("span", Lt, A(i.title), 1)], 36)), [[n]]);
 		};
 	}
-}), Ft = { key: 0 }, It = {
+}), zt = { key: 0 }, Bt = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
-}, Lt = /* @__PURE__ */ m({
+}, Vt = /* @__PURE__ */ m({
 	__name: "index",
 	props: {
 		modelValue: {},
@@ -933,13 +993,13 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e) {
-		let { nameList: t } = G(), r = N(e, "modelValue"), a = N(e, "open"), s = st(), d = (e) => {
+		let { nameList: t } = V(), r = N(e, "modelValue"), a = N(e, "open"), s = ct(), d = (e) => {
 			let t = i(s, e);
 			t && n(s, e, !t.collapse);
 		}, f = (e) => {
-			r.value = e, a.value = !1, U.emit("refreshDepends");
+			r.value = e, a.value = !1, z.emit("refreshDepends");
 		};
-		return (e, n) => j(s).length > 0 ? (w(), u("div", Ft, [(w(!0), u(o, null, D(j(s), (e) => (w(), u(o, { key: e.id }, [e.type === 0 ? (w(), c(Mt, {
+		return (e, n) => j(s).length > 0 ? (w(), u("div", zt, [(w(!0), u(o, null, D(j(s), (e) => (w(), u(o, { key: e.id }, [e.type === 0 ? (w(), c(It, {
 			key: 0,
 			id: e.id,
 			collapse: e.collapse,
@@ -951,14 +1011,14 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 			"collapse",
 			"count",
 			"title"
-		])) : l("", !0), e.type === 1 && e.show ? (w(), c(Pt, {
+		])) : l("", !0), e.type === 1 && e.show ? (w(), c(Rt, {
 			key: 1,
 			id: e.id,
 			title: e.name,
 			onXClick: f
-		}, null, 8, ["id", "title"])) : l("", !0)], 64))), 128))])) : (w(), u("div", It, A(j(t)(["x-prop-tree.no", "x-prop-tree.comp"])), 1));
+		}, null, 8, ["id", "title"])) : l("", !0)], 64))), 128))])) : (w(), u("div", Bt, A(j(t)(["x-prop-tree.no", "x-prop-tree.comp"])), 1));
 	}
-}), Rt = { class: "text-body-large" }, zt = /* @__PURE__ */ m({
+}), Ht = { class: "text-body-large" }, Ut = /* @__PURE__ */ m({
 	__name: "index",
 	props: /* @__PURE__ */ v({
 		hasDelete: {
@@ -975,7 +1035,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = H(), r = ye(), { sysBarAvail: a, nameList: o } = G(), { backgroundColor1: u } = W(), m = N(e, "modelValue"), h = t, g = st(), v = s(() => {
+		let { t: n } = G(), r = be(), { sysBarAvail: a, nameList: o } = V(), { backgroundColor1: u } = B(), m = N(e, "modelValue"), h = t, g = ct(), v = s(() => {
 			let e = "100%";
 			return r.mdAndUp.value && (e = "400px"), {
 				background: u.value,
@@ -992,7 +1052,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 			if (!m.value) return n("x-runtime-lib.notSet");
 			let e = i(g, m.value);
 			return e ? e.name : n("x-runtime-lib.compNotAvail");
-		}), { open: E } = K(`propTreeCompSelectDlg${M()}`);
+		}), { open: E } = H(`propTreeCompSelectDlg${M()}`);
 		return C(() => {
 			E.value = !1;
 		}), (t, n) => {
@@ -1004,7 +1064,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: n[7] ||= R(z((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[7] ||= ne(R((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: I(({ props: t }) => [p(r, y(t, {
 					block: "",
@@ -1019,12 +1079,12 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[0] ||= z((e) => h("delete"), ["stop"])
+					onClick: n[0] ||= R((e) => h("delete"), ["stop"])
 				})) : l("", !0)]),
 				default: I(() => [d("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: n[4] ||= z((e) => E.value = !1, ["self"]),
-					onContextmenu: n[5] ||= z((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"])
 				}, [d("div", {
 					class: "elevation-2",
 					style: b(v.value)
@@ -1044,13 +1104,13 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 							icon: "mdi-close",
 							variant: "text",
 							onClick: n[1] ||= (e) => E.value = !1
-						}), d("span", Rt, A(j(o)(["x-prop-tree.select", "x-prop-tree.comp"])), 1)]),
+						}), d("span", Ht, A(j(o)(["x-prop-tree.select", "x-prop-tree.comp"])), 1)]),
 						_: 1
 					}),
 					d("div", {
 						class: "overflow-y-auto",
 						style: b(x.value)
-					}, [p(Lt, {
+					}, [p(Vt, {
 						modelValue: m.value,
 						"onUpdate:modelValue": n[2] ||= (e) => m.value = e,
 						open: j(E),
@@ -1061,7 +1121,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), Bt = { class: "d-flex justify-space-between align-center" }, Vt = /* @__PURE__ */ m({
+}), Wt = { class: "d-flex justify-space-between align-center" }, Gt = /* @__PURE__ */ m({
 	__name: "index",
 	props: /* @__PURE__ */ v({
 		hasDelete: {
@@ -1078,9 +1138,9 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { isMobile: n } = G(), r = N(e, "modelValue"), i = t, a = async (t) => {
+		let { isMobile: n } = V(), r = N(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await _e({
+			let i = await se({
 				title: "",
 				value: r.value
 			});
@@ -1088,7 +1148,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 		};
 		return (t, n) => {
 			let o = O("v-text-field"), s = O("v-btn"), d = k("ripple");
-			return w(), u("div", Bt, [L(p(o, {
+			return w(), u("div", Wt, [L(p(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				density: "compact",
@@ -1107,11 +1167,11 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[1] ||= z((e) => i("delete"), ["stop"])
+				onClick: n[1] ||= R((e) => i("delete"), ["stop"])
 			})) : l("", !0)]);
 		};
 	}
-}), Ht = /* @__PURE__ */ m({
+}), Kt = /* @__PURE__ */ m({
 	__name: "editor",
 	props: {
 		modelValue: { required: !0 },
@@ -1130,14 +1190,14 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 		"update:scale"
 	],
 	setup(e, { expose: t }) {
-		let n = N(e, "modelValue"), r = N(e, "lock"), i = N(e, "scale"), a = me(), o = he(), s = Ke(), l = te("target"), u = () => {
+		let n = N(e, "modelValue"), r = N(e, "lock"), i = N(e, "scale"), a = ie(), o = ae(), s = qe(), 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) => (w(), c(j(be), {
+		} }), (e, t) => (w(), c(j(xe), {
 			ref_key: "target",
 			ref: l,
 			lock: r.value,
@@ -1157,7 +1217,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 			"version"
 		]));
 	}
-}), Ut = { class: "text-body-large" }, Wt = /* @__PURE__ */ m({
+}), qt = { class: "text-body-large" }, Jt = /* @__PURE__ */ m({
 	__name: "index",
 	props: /* @__PURE__ */ v({
 		hasDelete: {
@@ -1174,14 +1234,14 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = H(), { sysBarAvail: r } = G(), { backgroundColor0: i, backgroundColor1: a, backgroundColor2: o } = W(), u = N(e, "modelValue"), m = t, h = E(!1), g = E(1), v = s(() => {
+		let { t: n } = G(), { sysBarAvail: r } = V(), { backgroundColor0: i, backgroundColor1: a, backgroundColor2: o } = B(), u = N(e, "modelValue"), m = t, h = E(!1), g = E(1), v = s(() => {
 			let e = 48;
 			return r.value && (e += 24), {
 				position: "relative",
 				background: a.value,
 				height: `calc(100% - ${e}px)`
 			};
-		}), x = s(() => n("x-prop-tree.jsonEditor")), { open: S } = K(`propTreejsonEditorDlg${M()}`);
+		}), x = s(() => n("x-prop-tree.jsonEditor")), { open: S } = H(`propTreejsonEditorDlg${M()}`);
 		C(() => {
 			S.value = !1;
 		});
@@ -1198,7 +1258,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 				"no-click-animation": "",
 				persistent: "",
 				transition: "dialog-bottom-transition",
-				onKeydown: n[6] ||= R(z((e) => S.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[6] ||= ne(R((e) => S.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: I(({ props: t }) => [p(a, y(t, {
 					block: "",
@@ -1213,7 +1273,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[0] ||= z((e) => m("delete"), ["stop"])
+					onClick: n[0] ||= R((e) => m("delete"), ["stop"])
 				})) : l("", !0)]),
 				default: I(() => [p(s, {
 					color: j(i),
@@ -1238,12 +1298,12 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 									variant: "text",
 									onClick: n[1] ||= (e) => S.value = !1
 								}),
-								d("span", Ut, A(x.value), 1),
+								d("span", qt, A(x.value), 1),
 								p(C)
 							]),
 							_: 1
 						}, 8, ["color"]),
-						d("div", { style: b(v.value) }, [p(Ht, {
+						d("div", { style: b(v.value) }, [p(Kt, {
 							ref_key: "editor",
 							ref: T,
 							modelValue: u.value,
@@ -1264,7 +1324,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), Gt = { class: "d-flex justify-space-between align-center" }, Kt = /* @__PURE__ */ m({
+}), Yt = { class: "d-flex justify-space-between align-center" }, Xt = /* @__PURE__ */ m({
 	__name: "color",
 	props: /* @__PURE__ */ v({
 		hasDelete: {
@@ -1281,10 +1341,10 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = H(), r = N(e, "modelValue"), i = t, a = s(() => {
+		let { t: n } = G(), r = N(e, "modelValue"), i = t, a = s(() => {
 			let t = "100%";
 			return e.hasDelete && (t = "calc(100% - 37px)"), { width: t };
-		}), o = s(() => e.readonly), { open: u } = K(`propTreeColorPickerMenu${M()}`);
+		}), o = s(() => e.readonly), { open: u } = H(`propTreeColorPickerMenu${M()}`);
 		return C(() => {
 			u.value = !1;
 		}), (t, s) => {
@@ -1295,7 +1355,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 				"close-on-content-click": !1,
 				scrim: "transparent"
 			}, {
-				activator: I(({ props: t }) => [d("div", Gt, [d("div", {
+				activator: I(({ props: t }) => [d("div", Yt, [d("div", {
 					class: "flex-grow-1",
 					style: b(a.value)
 				}, [p(m, y(t, {
@@ -1312,7 +1372,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: s[0] ||= z((e) => i("delete"), ["stop"])
+					onClick: s[0] ||= R((e) => i("delete"), ["stop"])
 				})) : l("", !0)])]),
 				default: I(() => [p(h, {
 					modelValue: r.value,
@@ -1325,7 +1385,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), qt = { class: "d-flex justify-space-between align-center my-2" }, Jt = { class: "flex-grow-1" }, Yt = /* @__PURE__ */ m({
+}), Zt = { class: "d-flex justify-space-between align-center my-2" }, Qt = { class: "flex-grow-1" }, $t = /* @__PURE__ */ m({
 	__name: "index",
 	props: /* @__PURE__ */ v({
 		hasDelete: {
@@ -1343,7 +1403,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = H(), { isMobile: r } = G(), i = N(e, "modelValue"), a = t, o = s(() => ae(e.types)), f = E(""), m = s(() => {
+		let { t: n } = G(), { isMobile: r } = V(), i = N(e, "modelValue"), a = t, o = s(() => de(e.types)), f = E(""), m = s(() => {
 			let e = [];
 			for (let { value: t, title: r } of o.value) e.push({
 				value: t,
@@ -1367,7 +1427,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 		}
 		let v = E(0), y = async (e) => {
 			if (!e || !r() || !h.value || h.value.trait !== "number" && h.value.trait !== "numberUnit") return;
-			let t = await ge({
+			let t = await oe({
 				title: "",
 				value: v.value,
 				precision: h.value.precision,
@@ -1378,31 +1438,31 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 			t !== void 0 && (v.value = t);
 		};
 		F(() => {
-			h.value?.trait === "number" ? v.value = i.value : h.value?.trait === "numberUnit" && (v.value = le(i.value, h.value.unit));
+			h.value?.trait === "number" ? v.value = i.value : h.value?.trait === "numberUnit" && (v.value = he(i.value, h.value.unit));
 		}), P(v, (e) => {
 			h.value?.trait === "number" ? i.value = e : h.value?.trait === "numberUnit" && (i.value = e + h.value.unit);
 		});
 		let b = E("#ff00ff");
 		F(() => {
-			h.value?.trait === "hexColor" && oe(i.value) && (b.value = i.value);
+			h.value?.trait === "hexColor" && fe(i.value) && (b.value = i.value);
 		}), P(b, (e) => {
 			h.value?.trait === "hexColor" && (i.value = e);
 		});
 		let x = E("primary"), S = s(() => {
 			let e = [];
-			if (h.value?.trait === "themeColor") for (let { value: t, title: r } of fe) e.push({
+			if (h.value?.trait === "themeColor") for (let { value: t, title: r } of ve) e.push({
 				value: t,
 				title: n(r)
 			});
 			return e;
 		});
 		return F(() => {
-			h.value?.trait === "themeColor" && se(i.value) && (x.value = i.value);
+			h.value?.trait === "themeColor" && pe(i.value) && (x.value = i.value);
 		}), P(x, (e) => {
 			h.value?.trait === "themeColor" && (i.value = e);
 		}), (t, n) => {
 			let r = O("v-select"), i = O("v-number-input"), o = O("v-btn"), s = k("ripple");
-			return w(), u("div", qt, [d("div", Jt, [
+			return w(), u("div", Zt, [d("div", Qt, [
 				L(p(r, {
 					modelValue: f.value,
 					"onUpdate:modelValue": [n[0] ||= (e) => f.value = e, g],
@@ -1448,7 +1508,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 					void 0,
 					{ stop: !0 }
 				]]) : l("", !0),
-				h.value?.trait === "hexColor" ? (w(), c(Kt, {
+				h.value?.trait === "hexColor" ? (w(), c(Xt, {
 					key: 1,
 					modelValue: b.value,
 					"onUpdate:modelValue": n[2] ||= (e) => b.value = e
@@ -1473,11 +1533,11 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[4] ||= z((e) => a("delete"), ["stop"])
+				onClick: n[4] ||= R((e) => a("delete"), ["stop"])
 			})) : l("", !0)]);
 		};
 	}
-}), Xt = { class: "d-flex justify-space-between align-center" }, Zt = /* @__PURE__ */ m({
+}), en = { class: "d-flex justify-space-between align-center" }, tn = /* @__PURE__ */ m({
 	__name: "index",
 	props: /* @__PURE__ */ v({
 		hasDelete: {
@@ -1498,9 +1558,9 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { isMobile: n } = G(), r = N(e, "modelValue"), i = t, a = async (t) => {
+		let { isMobile: n } = V(), r = N(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await ge({
+			let i = await oe({
 				title: "",
 				value: r.value,
 				precision: e.precision,
@@ -1512,7 +1572,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 		};
 		return (t, n) => {
 			let o = O("v-number-input"), s = O("v-btn"), d = k("ripple");
-			return w(), u("div", Xt, [L(p(o, {
+			return w(), u("div", en, [L(p(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				"control-variant": "stacked",
@@ -1543,11 +1603,11 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[1] ||= z((e) => i("delete"), ["stop"])
+				onClick: n[1] ||= R((e) => i("delete"), ["stop"])
 			})) : l("", !0)]);
 		};
 	}
-}), Qt = { class: "d-flex justify-space-between align-center my-2" }, $t = { class: "flex-grow-1" }, en = /* @__PURE__ */ m({
+}), nn = { class: "d-flex justify-space-between align-center my-2" }, rn = { class: "flex-grow-1" }, an = /* @__PURE__ */ m({
 	__name: "index",
 	props: /* @__PURE__ */ v({
 		hasDelete: {
@@ -1564,7 +1624,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = H(), { isMobile: r } = G(), i = N(e, "modelValue"), a = t, o = E(""), f = E(0);
+		let { t: n } = G(), { isMobile: r } = V(), i = N(e, "modelValue"), a = t, o = E(""), f = E(0);
 		F(() => {
 			let e = i.value.split(",");
 			e.length < 1 || (o.value = e[0], (e[0] === "minLength" || e[1] === "maxLength" || e[2] === "length") && (e.length > 1 ? f.value = parseInt(e[1]) : f.value = 0));
@@ -1577,7 +1637,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 				value: "",
 				title: n("x-runtime-lib.notSet")
 			}];
-			for (let t of de) e.push({
+			for (let t of _e) e.push({
 				value: t,
 				title: n(`x-runtime-lib.${t}`)
 			});
@@ -1592,7 +1652,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 		});
 		async function _(e) {
 			if (!e || !r()) return;
-			let t = await ge({
+			let t = await oe({
 				title: "",
 				value: f.value,
 				precision: 0,
@@ -1607,7 +1667,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 		}
 		return (t, n) => {
 			let r = O("v-select"), i = O("v-number-input"), s = O("v-btn"), m = k("ripple");
-			return w(), u("div", Qt, [d("div", $t, [L(p(r, {
+			return w(), u("div", nn, [d("div", rn, [L(p(r, {
 				modelValue: o.value,
 				"onUpdate:modelValue": [n[0] ||= (e) => o.value = e, g],
 				density: "compact",
@@ -1649,11 +1709,11 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[2] ||= z((e) => a("delete"), ["stop"])
+				onClick: n[2] ||= R((e) => a("delete"), ["stop"])
 			})) : l("", !0)]);
 		};
 	}
-}), tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PURE__ */ m({
+}), on = { class: "d-flex justify-space-between align-center" }, sn = /* @__PURE__ */ m({
 	__name: "index",
 	props: /* @__PURE__ */ v({
 		hasDelete: {
@@ -1671,9 +1731,9 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = H(), r = N(e, "modelValue"), i = t, a = s(() => {
+		let { t: n } = G(), r = N(e, "modelValue"), i = t, a = s(() => {
 			let t = [];
-			return re(e.items)?.forEach(({ value: e, title: r }) => {
+			return le(e.items)?.forEach(({ value: e, title: r }) => {
 				let i = e;
 				r && (i = n(r)), t.push({
 					value: e,
@@ -1683,7 +1743,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 		});
 		return (t, n) => {
 			let o = O("v-select"), s = O("v-btn"), d = k("ripple");
-			return w(), u("div", tn, [L(p(o, {
+			return w(), u("div", on, [L(p(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				density: "compact",
@@ -1706,11 +1766,11 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[1] ||= z((e) => i("delete"), ["stop"])
+				onClick: n[1] ||= R((e) => i("delete"), ["stop"])
 			})) : l("", !0)]);
 		};
 	}
-}), rn = { class: "text-body-large ml-6" }, an = /* @__PURE__ */ m({
+}), cn = { class: "text-body-large ml-6" }, ln = /* @__PURE__ */ m({
 	__name: "item",
 	props: {
 		id: {},
@@ -1718,7 +1778,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = E(!1), o = s(() => ({
+		let { backgroundColor2: n, highlightColor: r } = B(), i = t, a = E(!1), o = s(() => ({
 			background: a.value ? r.value : n.value,
 			height: "48px",
 			marginTop: "1px",
@@ -1732,13 +1792,13 @@ var bt = { class: "text-label-large ml-1" }, xt = { 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
-			}, [d("span", rn, A(e.title), 1)], 36)), [[r]]);
+			}, [d("span", cn, A(e.title), 1)], 36)), [[r]]);
 		};
 	}
-}), on = { key: 0 }, sn = {
+}), un = { key: 0 }, dn = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
-}, cn = /* @__PURE__ */ m({
+}, fn = /* @__PURE__ */ m({
 	__name: "index",
 	props: {
 		modelValue: {},
@@ -1751,17 +1811,17 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e) {
-		let { nameList: t } = G(), n = N(e, "modelValue"), r = N(e, "open"), i = lt(), a = (e) => {
+		let { nameList: t } = V(), n = N(e, "modelValue"), r = N(e, "open"), i = ut(), a = (e) => {
 			n.value = e, r.value = !1;
 		};
-		return (e, n) => j(i).length > 0 ? (w(), u("div", on, [(w(!0), u(o, null, D(j(i), (e) => (w(), c(an, {
+		return (e, n) => j(i).length > 0 ? (w(), u("div", un, [(w(!0), u(o, null, D(j(i), (e) => (w(), c(ln, {
 			key: e.id,
 			id: e.id,
 			title: e.name,
 			onXClick: a
-		}, null, 8, ["id", "title"]))), 128))])) : (w(), u("div", sn, A(j(t)(["x-prop-tree.no", "x-prop-tree.slot"])), 1));
+		}, null, 8, ["id", "title"]))), 128))])) : (w(), u("div", dn, A(j(t)(["x-prop-tree.no", "x-prop-tree.slot"])), 1));
 	}
-}), ln = { class: "text-body-large" }, un = /* @__PURE__ */ m({
+}), pn = { class: "text-body-large" }, mn = /* @__PURE__ */ m({
 	__name: "index",
 	props: /* @__PURE__ */ v({
 		hasDelete: {
@@ -1778,7 +1838,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = H(), r = ye(), { sysBarAvail: i, nameList: a } = G(), { backgroundColor1: o } = W(), u = N(e, "modelValue"), m = t, h = lt(), g = s(() => {
+		let { t: n } = G(), r = be(), { sysBarAvail: i, nameList: a } = V(), { backgroundColor1: o } = B(), u = N(e, "modelValue"), m = t, h = ut(), g = s(() => {
 			let e = "100%";
 			return r.mdAndUp.value && (e = "400px"), {
 				background: o.value,
@@ -1795,7 +1855,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 			if (!u.value) return n("x-runtime-lib.notSet");
 			let e = h.value.find((e) => e.id === u.value);
 			return e ? e.name : n("x-runtime-lib.slotNotAvail");
-		}), { open: T } = K(`propTreeSlotSelectDlg${M()}`);
+		}), { open: T } = H(`propTreeSlotSelectDlg${M()}`);
 		return C(() => {
 			T.value = !1;
 		}), (t, n) => {
@@ -1807,7 +1867,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: n[7] ||= R(z((e) => T.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[7] ||= ne(R((e) => T.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
 				activator: I(({ props: t }) => [p(r, y(t, {
 					block: "",
@@ -1822,12 +1882,12 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: n[0] ||= z((e) => m("delete"), ["stop"])
+					onClick: n[0] ||= R((e) => m("delete"), ["stop"])
 				})) : l("", !0)]),
 				default: I(() => [d("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: n[4] ||= z((e) => T.value = !1, ["self"]),
-					onContextmenu: n[5] ||= z((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"])
 				}, [d("div", {
 					class: "elevation-2",
 					style: b(g.value)
@@ -1847,13 +1907,13 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 							icon: "mdi-close",
 							variant: "text",
 							onClick: n[1] ||= (e) => T.value = !1
-						}), d("span", ln, A(j(a)(["x-prop-tree.select", "x-prop-tree.slot"])), 1)]),
+						}), d("span", pn, A(j(a)(["x-prop-tree.select", "x-prop-tree.slot"])), 1)]),
 						_: 1
 					}),
 					d("div", {
 						class: "overflow-y-auto",
 						style: b(v.value)
-					}, [p(cn, {
+					}, [p(fn, {
 						modelValue: u.value,
 						"onUpdate:modelValue": n[2] ||= (e) => u.value = e,
 						open: j(T),
@@ -1864,7 +1924,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), dn = { class: "d-flex justify-space-between align-center" }, fn = /* @__PURE__ */ m({
+}), hn = { class: "d-flex justify-space-between align-center" }, gn = /* @__PURE__ */ m({
 	__name: "index",
 	props: /* @__PURE__ */ v({
 		hasDelete: {
@@ -1884,7 +1944,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 		let n = N(e, "modelValue"), r = t;
 		return (t, i) => {
 			let a = O("v-switch"), o = O("v-btn");
-			return w(), u("div", dn, [p(a, {
+			return w(), u("div", hn, [p(a, {
 				modelValue: n.value,
 				"onUpdate:modelValue": i[0] ||= (e) => n.value = e,
 				class: "ml-1",
@@ -1898,11 +1958,11 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: i[1] ||= z((e) => r("delete"), ["stop"])
+				onClick: i[1] ||= R((e) => r("delete"), ["stop"])
 			})) : l("", !0)]);
 		};
 	}
-}), pn = { class: "d-flex justify-space-between align-center" }, mn = /* @__PURE__ */ m({
+}), _n = { class: "d-flex justify-space-between align-center" }, vn = /* @__PURE__ */ m({
 	__name: "index",
 	props: /* @__PURE__ */ v({
 		hasDelete: {
@@ -1919,9 +1979,9 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { isMobile: n } = G(), r = N(e, "modelValue"), i = t, a = async (t) => {
+		let { isMobile: n } = V(), r = N(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await _e({
+			let i = await se({
 				title: "",
 				value: r.value
 			});
@@ -1929,7 +1989,7 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 		};
 		return (t, n) => {
 			let o = O("v-text-field"), s = O("v-btn"), d = k("ripple");
-			return w(), u("div", pn, [L(p(o, {
+			return w(), u("div", _n, [L(p(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				density: "compact",
@@ -1948,21 +2008,21 @@ var bt = { class: "text-label-large ml-1" }, xt = { class: "text-body-small text
 				density: "compact",
 				icon: "mdi-minus",
 				variant: "text",
-				onClick: n[1] ||= z((e) => i("delete"), ["stop"])
+				onClick: n[1] ||= R((e) => i("delete"), ["stop"])
 			})) : l("", !0)]);
 		};
 	}
 });
 //#endregion
 //#region src/composables/uis/uiAdaptSlot.ts
-function hn() {
+function yn() {
 	let e = Q();
 	return { renderUiAdaptSlot: (t, n, r, i, a) => {
 		if (n.ui !== "adaptSlot") throw Error("useUiAdaptSlot property ui must be adaptSlot");
-		return h(kt, {
-			modelValue: J(t, n, r, i, a, e),
+		return h(Nt, {
+			modelValue: q(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1974,14 +2034,14 @@ function hn() {
 }
 //#endregion
 //#region src/composables/uis/uiComp.ts
-function gn() {
+function bn() {
 	let e = Q();
 	return { renderUiComp: (t, n, r, i, a) => {
 		if (n.ui !== "comp") throw Error("renderUiComp property ui must be comp");
-		return h(zt, {
-			modelValue: J(t, n, r, i, a, e),
+		return h(Ut, {
+			modelValue: q(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1993,23 +2053,23 @@ function gn() {
 }
 //#endregion
 //#region src/composables/uis/uiDummy.ts
-function _n() {
+function xn() {
 	let e = Q();
 	return { renderUiDummy: (t, n, r, i, a) => {
 		if (n.ui !== "dummy") throw Error("renderUiDummy property ui must be dummy");
-		J(t, n, r, i, a, e);
+		q(t, n, r, i, a, e);
 	} };
 }
 //#endregion
 //#region src/composables/uis/uiIcon.ts
-function vn() {
+function Sn() {
 	let e = Q();
 	return { renderUiIcon: (t, n, r, i, a) => {
 		if (n.ui !== "icon") throw Error("renderUiIcon property ui must be icon");
-		return h(Vt, {
-			modelValue: n.static ? n.value : J(t, n, r, i, a, e),
+		return h(Gt, {
+			modelValue: n.static ? n.value : q(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				n.static || Y(t, n, r, o, i, a, e);
+				n.static || J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2021,14 +2081,14 @@ function vn() {
 }
 //#endregion
 //#region src/composables/uis/uiJson.ts
-function yn() {
+function Cn() {
 	let e = Q();
 	return { renderUiJson: (t, n, r, i, a) => {
 		if (n.ui !== "json") throw Error("renderUiJson property ui must be json");
-		return h(Wt, {
-			modelValue: J(t, n, r, i, a, e) ?? "{}",
+		return h(Jt, {
+			modelValue: q(t, n, r, i, a, e) ?? "{}",
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2040,14 +2100,14 @@ function yn() {
 }
 //#endregion
 //#region src/composables/uis/uiMultiTypes.ts
-function bn() {
+function wn() {
 	let e = Q();
 	return { renderUiMultiTypes: (t, n, r, i, a) => {
 		if (n.ui !== "multiTypes") throw Error("renderUiMultiTypes property ui must be multiTypes");
-		return h(Yt, {
-			modelValue: J(t, n, r, i, a, e),
+		return h($t, {
+			modelValue: q(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2059,14 +2119,14 @@ function bn() {
 }
 //#endregion
 //#region src/composables/uis/uiNumber.ts
-function xn() {
+function Tn() {
 	let e = Q();
 	return { renderUiNumber: (t, n, r, i, a) => {
 		if (n.ui !== "number") throw Error("renderUiNumber property ui must be number");
-		return h(Zt, {
-			modelValue: J(t, n, r, i, a, e),
+		return h(tn, {
+			modelValue: q(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2082,12 +2142,12 @@ function xn() {
 }
 //#endregion
 //#region src/components/entry/index.vue
-var Sn = /* @__PURE__ */ m({
+var En = /* @__PURE__ */ m({
 	__name: "index",
 	props: { minHeight: {} },
 	emits: ["menu"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = E(!1), o = s(() => ({
+		let { backgroundColor2: n, highlightColor: r } = B(), i = t, a = E(!1), o = s(() => ({
 			background: a.value ? r.value : n.value,
 			minHeight: e.minHeight,
 			paddingRight: "4px",
@@ -2101,7 +2161,7 @@ var Sn = /* @__PURE__ */ m({
 			return L((w(), u("div", {
 				class: "d-flex justify-space-between align-center cursor-pointer",
 				style: b(o.value),
-				onContextmenu: z(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]]);
@@ -2110,14 +2170,14 @@ var Sn = /* @__PURE__ */ m({
 });
 //#endregion
 //#region src/composables/uis/uiProperty.ts
-function Cn() {
-	let { t: e } = H(), t = it();
+function Dn() {
+	let { t: e } = G(), t = at();
 	return { renderProperty: (n, r, i) => {
 		let a = n[n.length - 1], o = typeof a == "number" ? `[${a + 1}]` : e(r.name);
-		return Z(t.value, n) && (o += " *"), h(Sn, {
+		return Z(t.value, n) && (o += " *"), h(En, {
 			minHeight: "56px",
 			onMenu: (e, t) => {
-				U.emit("propTreeMenu", {
+				z.emit("propTreeMenu", {
 					x: e,
 					y: t,
 					keys: n
@@ -2134,14 +2194,14 @@ function Cn() {
 }
 //#endregion
 //#region src/composables/uis/uiRule.ts
-function wn() {
+function On() {
 	let e = Q();
 	function t(t, n, r, i, a) {
 		if (n.ui !== "rule") throw Error("renderUiRule property ui must be rule");
-		return h(en, {
-			modelValue: J(t, n, r, i, a, e),
+		return h(an, {
+			modelValue: q(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2153,14 +2213,14 @@ function wn() {
 }
 //#endregion
 //#region src/composables/uis/uiSelect.ts
-function Tn() {
+function kn() {
 	let e = Q();
 	return { renderUiSelect: (t, n, r, i, a) => {
 		if (n.ui !== "select") throw Error("renderUiSelect property ui must be select");
-		return h(nn, {
-			modelValue: J(t, n, r, i, a, e),
+		return h(sn, {
+			modelValue: q(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2173,14 +2233,14 @@ function Tn() {
 }
 //#endregion
 //#region src/composables/uis/uiSlot.ts
-function En() {
+function An() {
 	let e = Q();
 	return { renderUiSlot: (t, n, r, i, a) => {
 		if (n.ui !== "slot") throw Error("renderUiSlot property ui must be slot");
-		return h(un, {
-			modelValue: J(t, n, r, i, a, e),
+		return h(mn, {
+			modelValue: q(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2192,14 +2252,14 @@ function En() {
 }
 //#endregion
 //#region src/composables/uis/uiSwitch.ts
-function Dn() {
+function jn() {
 	let e = Q();
 	return { renderUiSwitch: (t, n, r, i, a) => {
 		if (n.ui !== "switch") throw Error("renderUiSwitch property ui must be switch");
-		return h(fn, {
-			modelValue: J(t, n, r, i, a, e),
+		return h(gn, {
+			modelValue: q(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2211,14 +2271,14 @@ function Dn() {
 }
 //#endregion
 //#region src/composables/uis/uiText.ts
-function On() {
+function Mn() {
 	let e = Q();
 	return { renderUiText: (t, n, r, i, a) => {
 		if (n.ui !== "text") throw Error("renderUiText property ui must be text");
-		return h(mn, {
-			modelValue: n.static ? n.value : J(t, n, r, i, a, e),
+		return h(vn, {
+			modelValue: n.static ? n.value : q(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				n.static || Y(t, n, r, o, i, a, e);
+				n.static || J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2230,27 +2290,27 @@ function On() {
 }
 //#endregion
 //#region src/components/propTree/main.vue?vue&type=script&setup=true&lang.ts
-var $ = "20px", kn = /* @__PURE__ */ m({
+var $ = "20px", Nn = /* @__PURE__ */ m({
 	__name: "main",
 	setup(e) {
-		let { t } = H(), { backgroundColor1: n } = W(), i = Qe(), a = et(), s = nt(), c = it(), l = Q();
-		vt(), yt(), _t();
-		let { renderProperty: d } = Cn(), { renderUiDummy: f } = _n(), { renderUiText: m } = On(), { renderUiNumber: g } = xn(), { renderUiSwitch: _ } = Dn(), { renderUiSelect: v } = Tn(), { renderUiJson: y } = yn(), { renderUiIcon: b } = vn(), { renderUiComp: x } = gn(), { renderUiSlot: S } = En(), { renderUiAdaptSlot: C } = hn(), { renderUiRule: T } = wn(), { renderUiMultiTypes: E } = bn(), D = (e, t, n, i, a, o) => {
+		let { t } = G(), { backgroundColor1: n } = B(), i = $e(), a = tt(), s = rt(), c = at(), l = Q();
+		St(), Ct(), xt();
+		let { renderProperty: d } = Dn(), { renderUiDummy: f } = xn(), { renderUiText: m } = Mn(), { renderUiNumber: g } = Tn(), { renderUiSwitch: _ } = jn(), { renderUiSelect: v } = kn(), { renderUiJson: y } = Cn(), { renderUiIcon: b } = Sn(), { renderUiComp: x } = bn(), { renderUiSlot: S } = An(), { renderUiAdaptSlot: C } = yn(), { renderUiRule: T } = On(), { renderUiMultiTypes: E } = wn(), D = (e, t, n, i, a, o) => {
 			if (e = r(e), i === void 0 ? e.push(t.key) : (e.push(i), a && e.push(t.key)), e?.[0] !== "runtime") return t.ui ? t.array && !o ? k(e, t, n, i, a) : A(e, t, n, i, a) : t.array ? ee(e, t, n, i, a) : O(e, t, n, i, a);
 		}, ee = (e, n, r, i, a) => {
 			if (n.ui) throw Error("renderBranchArray property ui must be invalid");
 			if (!n.array) throw Error("renderBranchArray property array must be valid");
-			let o = Se(e, n, r, i, a, l), u = t(n.name);
-			X(s, e) && Z(c.value, e) && (u += " *");
-			let d = h(gt, {
+			let o = Ce(e, n, r, i, a, l), u = t(n.name);
+			Y(s, e) && Z(c.value, e) && (u += " *");
+			let d = h(bt, {
 				title: u,
-				collapse: X(s, e),
+				collapse: Y(s, e),
 				hasCreate: !0,
 				onCollapse: (t) => {
-					Ce(s, e, t);
+					we(s, e, t);
 				},
 				onMenu: (t, n) => {
-					U.emit("propTreeMenu", {
+					z.emit("propTreeMenu", {
 						x: t,
 						y: n,
 						keys: e
@@ -2263,17 +2323,17 @@ var $ = "20px", kn = /* @__PURE__ */ m({
 				let t = [];
 				for (let r = 0; r < o.length; r++) {
 					let i = [...e, r], a = `[${r + 1}]`;
-					X(s, [...e, r]) && Z(c.value, i) && (a += " *");
-					let u = h(gt, {
+					Y(s, [...e, r]) && Z(c.value, i) && (a += " *");
+					let u = h(bt, {
 						title: a,
-						collapse: X(s, [...e, r]),
+						collapse: Y(s, [...e, r]),
 						hasDelete: !0,
 						index: r,
 						onCollapse: (t) => {
-							Ce(s, [...e, r], t);
+							we(s, [...e, r], t);
 						},
 						onMenu: (e, t) => {
-							U.emit("propTreeMenu", {
+							z.emit("propTreeMenu", {
 								x: e,
 								y: t,
 								keys: i
@@ -2289,28 +2349,28 @@ var $ = "20px", kn = /* @__PURE__ */ m({
 						for (let i of n.children) t.push(D(e, i, o[r], r, !0));
 						return t;
 					})());
-					X(s, [...e, r]) || t.push(d);
+					Y(s, [...e, r]) || t.push(d);
 				}
 				return t;
 			})());
 			return h("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(d), X(s, e) || t.push(f), t;
+				return t.push(d), Y(s, e) || t.push(f), t;
 			})());
 		}, O = (e, n, r, i, a) => {
 			if (n.ui) throw Error("renderBranchScalar property ui must be invalid");
 			if (n.array) throw Error("renderBranchScalar property array must be invalid");
 			let o = t(n.name);
-			X(s, e) && Z(c.value, e) && (o += " *");
-			let u = h(gt, {
+			Y(s, e) && Z(c.value, e) && (o += " *");
+			let u = h(bt, {
 				title: o,
-				collapse: X(s, e),
+				collapse: Y(s, e),
 				hasDelete: i !== void 0 && !a,
 				onCollapse: (t) => {
-					Ce(s, e, t);
+					we(s, e, t);
 				},
 				onMenu: (t, n) => {
-					U.emit("propTreeMenu", {
+					z.emit("propTreeMenu", {
 						x: t,
 						y: n,
 						keys: e
@@ -2326,29 +2386,29 @@ var $ = "20px", kn = /* @__PURE__ */ m({
 			})());
 			return h("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(u), X(s, e) || t.push(d), t;
+				return t.push(u), Y(s, e) || t.push(d), t;
 			})());
 		}, k = (e, n, r, i, a) => {
 			if (!n.ui) throw Error("renderLeafArray property ui must be valid");
 			if (!n.array) throw Error("renderLeafArray property array must be valid");
-			let o = Se(e, n, r, i, a, l), u = t(n.name);
-			X(s, e) && Z(c.value, e) && (u += " *");
-			let d = h(gt, {
+			let o = Ce(e, n, r, i, a, l), u = t(n.name);
+			Y(s, e) && Z(c.value, e) && (u += " *");
+			let d = h(bt, {
 				title: u,
-				collapse: X(s, e),
+				collapse: Y(s, e),
 				hasCreate: !0,
 				onCollapse: (t) => {
-					Ce(s, e, t);
+					we(s, e, t);
 				},
 				onMenu: (t, n) => {
-					U.emit("propTreeMenu", {
+					z.emit("propTreeMenu", {
 						x: t,
 						y: n,
 						keys: e
 					});
 				},
 				onCreate: () => {
-					o.push(B(n)), l(e, o);
+					o.push(U(n)), l(e, o);
 				}
 			}), f = h("div", { style: { paddingLeft: $ } }, (() => {
 				let t = [];
@@ -2357,7 +2417,7 @@ var $ = "20px", kn = /* @__PURE__ */ m({
 			})());
 			return h("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(d), X(s, e) || t.push(f), t;
+				return t.push(d), Y(s, e) || t.push(f), t;
 			})());
 		}, A = (e, t, n, r, i) => {
 			if (!t.ui) throw Error("renderLeafScalar property ui must be valid");
@@ -2371,9 +2431,9 @@ var $ = "20px", kn = /* @__PURE__ */ m({
 			if (i.value.length > 0 && a.value) for (let t of i.value) e.push(D([], t, a.value, void 0, !1));
 			return e;
 		})());
-		return (e, t) => (w(), u(o, null, [p(j), p(mt)], 64));
+		return (e, t) => (w(), u(o, null, [p(j), p(vt)], 64));
 	}
-}), An = /* @__PURE__ */ m({
+}), Pn = /* @__PURE__ */ m({
 	__name: "index",
 	props: {
 		config: {},
@@ -2385,25 +2445,25 @@ var $ = "20px", kn = /* @__PURE__ */ m({
 	emits: ["change"],
 	setup(e, { emit: t }) {
 		let n = t, r = E([]);
-		Ze(r), F(() => {
+		Qe(r), F(() => {
 			r.value = e.config;
 		});
 		let i = E();
-		$e(i), F(() => {
+		et(i), F(() => {
 			i.value = e.object;
 		});
 		let a = E("");
-		Ge(a), F(() => {
+		Ke(a), F(() => {
 			a.value = e.version;
 		});
 		let o = E(e.type);
-		qe(o), F(() => {
+		Je(o), F(() => {
 			o.value = e.type;
 		});
 		let s = E("");
-		Ye(s), F(() => {
+		Xe(s), F(() => {
 			s.value = e.subtype;
-		}), tt(E({
+		}), nt(E({
 			collapse: !0,
 			children: {}
 		}));
@@ -2412,25 +2472,25 @@ var $ = "20px", kn = /* @__PURE__ */ m({
 			warning: !1,
 			children: {}
 		});
-		rt(l);
+		it(l);
 		function u(t, r) {
-			Ne(l, e.config, e.object), n("change", t, r);
+			Pe(l, e.config, e.object), n("change", t, r);
 		}
-		at(u);
+		ot(u);
 		function d() {
-			Ne(l, e.config, e.object);
+			Pe(l, e.config, e.object);
 		}
 		return S(() => {
-			U.on("refreshPropertyState", d);
+			z.on("refreshPropertyState", d);
 		}), x(() => {
-			U.off("refreshPropertyState", d);
+			z.off("refreshPropertyState", d);
 		}), P([() => e.config, () => e.object], () => {
-			Ne(l, e.config, e.object);
-		}, { immediate: !0 }), (e, t) => (w(), c(kn));
+			Pe(l, e.config, e.object);
+		}, { immediate: !0 }), (e, t) => (w(), c(Nn));
 	}
-}), jn = (e) => {
-	e.component("XPropTree", An);
-}, Mn = (e, t, n) => {
+}), Fn = (e) => {
+	e.component("XPropTree", Pn);
+}, In = (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."))));
@@ -2438,14 +2498,14 @@ var $ = "20px", kn = /* @__PURE__ */ m({
 };
 //#endregion
 //#region src/i18n/index.ts
-async function Nn(e) {
-	return (await Mn(/* @__PURE__ */ Object.assign({
+async function Ln(e) {
+	return (await In(/* @__PURE__ */ Object.assign({
 		"./locales/en/index.ts": () => import("./i18n-en.ckhf41nr.js").then((e) => e.t),
 		"./locales/zhHans/index.ts": () => import("./i18n-zhHans.lj81m5nl.js").then((e) => e.t)
 	}), `./locales/${e}/index.ts`, 4)).default;
 }
 //#endregion
 //#region src/index.ts
-var Pn = { install: jn };
+var Rn = { install: Fn };
 //#endregion
-export { Pn as default, Nn as loadLocaleMessagePropTree };
+export { Rn as default, Ln as loadLocaleMessagePropTree };