x-prop-tree 0.8.12 → 0.8.14

package/dist/index.js

@@ -1,13 +1,13 @@
 import { a as e, i as t, n, r, t as i } from "./vendor.jothdq5o.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 D, resolveComponent as O, resolveDirective as k, toDisplayString as A, unref as j, useId as M, useModel as N, useTemplateRef as ee, watch as P, watchEffect as F, withCtx as I, withDirectives as L, withKeys as R, withModifiers as z } from "vue";
-import { getElement as te, getItems as ne, getPropertyDefault as B, getPropertyDefaultArray as re, getTag as ie, getTypes as ae, isHexColor as oe, isThemeColor as se, makeSlotId as ce, parsePercent as le, parsePixel as ue, pkgs as de, rules as fe, themeColors as pe } from "x-runtime-lib";
-import { useI18n as V } from "vue-i18n";
-import { eventBus as H, globalObjects as me, injectDark as he, injectLocale as ge, openNumberDlg as _e, openPromptDlg as ve, useColor as U, useSystem as W, useViewStack as G } 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";
+import { getElement as te, getItems as ne, getPropertyDefault as B, getPropertyDefaultArray as V, getTag as re, getTypes as ie, isHexColor as ae, isThemeColor as oe, makeSlotId as se, parseNumberUnit as ce, pkgs as le, rules as ue, themeColors as de } from "x-runtime-lib";
+import { useI18n as H } from "vue-i18n";
+import { eventBus as U, globalObjects as fe, injectDark as pe, injectLocale as me, openNumberDlg as he, openPromptDlg as ge, useColor as W, useSystem as G, useViewStack as K } 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";
 //#region src/utils/common.ts
-function K(e, t) {
+function q(e, t) {
 	let n = {
 		key: "",
 		name: "",
@@ -20,7 +20,7 @@ function K(e, t) {
 	}
 	return n;
 }
-function q(e, t) {
+function J(e, t) {
 	let n = e;
 	for (let e of t) {
 		if (!n) throw Error("target must be valid");
@@ -28,22 +28,22 @@ function q(e, t) {
 	}
 	return n;
 }
-function Se(e, n, r, i, a, o) {
+function be(e, n, r, i, a, o) {
 	if (i !== void 0 && !a) {
 		if (!(r[i] instanceof Array)) {
-			let a = re(n);
+			let a = V(n);
 			t(a, r[i]) || (r[i] = a, o(e, r[i]));
 		}
 		return r[i];
 	} else {
 		if (!(r[n.key] instanceof Array)) {
-			let i = re(n);
+			let i = V(n);
 			t(i, r[n.key]) || (r[n.key] = i, o(e, r[n.key]));
 		}
 		return r[n.key];
 	}
 }
-function J(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 = B(n);
@@ -58,12 +58,12 @@ function J(e, n, r, i, a, o) {
 		return r[n.key];
 	}
 }
-function Y(e, t, n, r, i, a, o) {
+function X(e, t, n, r, i, a, o) {
 	i !== void 0 && !a ? r !== n[i] && (n[i] = r, o(e, n[i])) : r !== n[t.key] && (n[t.key] = r, o(e, n[t.key]));
 }
 //#endregion
 //#region src/utils/collapseState.ts
-function X(e, t) {
+function Z(e, t) {
 	let n = e.value;
 	for (let e of t) {
 		if (!n.children[e]) return !0;
@@ -71,7 +71,7 @@ function X(e, t) {
 	}
 	return n.collapse;
 }
-function Z(e, t, n) {
+function xe(e, t, n) {
 	let r = e.value;
 	for (let e of t) r.children[e] || (r.children[e] = {
 		collapse: !0,
@@ -81,7 +81,7 @@ function Z(e, t, n) {
 }
 //#endregion
 //#region src/utils/copyPaste.ts
-var Ce = (e, t) => {
+var Se = (e, t) => {
 	let n = (e, t) => {
 		if (e.ui !== t.ui || e.array !== t.array) return !1;
 		if (e.ui || t.ui) return !0;
@@ -90,20 +90,20 @@ var Ce = (e, t) => {
 		return !0;
 	};
 	return n(e, t);
-}, we = [["basic", "id"], ["basic", "name"]];
-function Te(e) {
-	return we.find((n) => t(e, n));
+}, Ce = [["basic", "id"], ["basic", "name"]];
+function we(e) {
+	return Ce.find((n) => t(e, n));
 }
-function Ee(t, n, r, i, a, o) {
+function Te(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)), t?.[0] === "runtime" ? {
 		change: !1,
 		warning: !1
-	} : Te(t) ? (i.change = !1, i.warning = !1, {
+	} : we(t) ? (i.change = !1, i.warning = !1, {
 		change: i.change,
 		warning: i.warning
-	}) : n.ui ? n.array && i.children ? ke(t, n, r, i, a, o) : Ae(n, r, i, a, o) : n.array ? De(t, n, r, i, a, o) : Oe(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 De(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;
@@ -124,16 +124,16 @@ function De(e, n, r, i, a, o) {
 				warning: !1,
 				children: {}
 			};
-			let { change: n, warning: o } = Ee(e, a, s[t], r.children[a.key], t, !0);
+			let { change: n, warning: o } = Te(e, a, s[t], r.children[a.key], t, !0);
 			!r.change && n && (r.change = n), !r.change && o && (r.warning = o), !i.change && r.change && (i.change = r.change), !i.warning && r.warning && (i.warning = r.warning);
 		}
 	}
-	return i.change ||= !t(s, re(n)), {
+	return i.change ||= !t(s, V(n)), {
 		change: i.change,
 		warning: i.warning
 	};
 }
-function Oe(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;
@@ -148,7 +148,7 @@ function Oe(e, t, n, r, i, a) {
 			warning: !1,
 			children: {}
 		};
-		let { change: a, warning: s } = Ee(e, i, o, r.children[i.key], void 0, !1);
+		let { change: a, warning: s } = Te(e, i, o, r.children[i.key], void 0, !1);
 		!r.change && a && (r.change = a), !r.warning && s && (r.warning = s);
 	}
 	return {
@@ -156,7 +156,7 @@ function Oe(e, t, n, r, i, a) {
 		warning: r.change
 	};
 }
-function ke(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,15 +170,15 @@ function ke(e, n, r, i, a, o) {
 			warning: !1,
 			children: {}
 		};
-		let { change: r, warning: a } = Ee(e, n, s, i.children[t], t, !1);
+		let { change: r, warning: a } = Te(e, n, s, i.children[t], t, !1);
 		!i.change && r && (i.change = r), !i.warning && a && (i.warning = a);
 	}
-	return i.change ||= !t(s, re(n)), {
+	return i.change ||= !t(s, V(n)), {
 		change: i.change,
 		warning: i.warning
 	};
 }
-function Ae(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, B(e)), {
@@ -186,7 +186,7 @@ function Ae(e, n, r, i, a) {
 		warning: r.warning
 	};
 }
-function je(e, t, n) {
+function Ae(e, t, n) {
 	if (t.length <= 0 || !n) {
 		e.value = {
 			change: !1,
@@ -206,7 +206,7 @@ function je(e, t, n) {
 			warning: !1,
 			children: {}
 		};
-		r.children[e.key] = t, Ee([], e, n, t, void 0, !1);
+		r.children[e.key] = t, Te([], e, n, t, void 0, !1);
 	}
 	e.value = r;
 }
@@ -220,85 +220,85 @@ function Q(e, t) {
 }
 //#endregion
 //#region src/utils/provideInject.ts
-var Me = Symbol(), Ne = Symbol(), Pe = Symbol(), Fe = Symbol(), Ie = Symbol(), Le = Symbol(), Re = Symbol(), ze = Symbol(), Be = Symbol(), Ve = Symbol(), He = Symbol();
-function Ue(e) {
+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(je, e);
+}
+function Ue() {
+	return h(je);
+}
+function We(e) {
 	w(Me, e);
 }
-function We() {
+function Ge() {
 	return h(Me);
 }
-function Ge(e) {
+function Ke(e) {
 	w(Ne, e);
 }
-function Ke() {
+function qe() {
 	return h(Ne);
 }
-function qe(e) {
+function Je(e) {
 	w(Pe, e);
 }
-function Je() {
+function Ye() {
 	return h(Pe);
 }
-function Ye(e) {
+function Xe(e) {
 	w(Fe, e);
 }
-function Xe() {
+function Ze() {
 	return h(Fe);
 }
-function Ze(e) {
+function Qe(e) {
 	w(Ie, e);
 }
-function Qe() {
+function $e() {
 	return h(Ie);
 }
-function $e(e) {
+function et(e) {
 	w(Le, e);
 }
-function et() {
+function tt() {
 	return h(Le);
 }
-function tt(e) {
+function nt(e) {
 	w(Re, e);
 }
-function nt() {
+function $() {
 	return h(Re);
 }
 function rt(e) {
 	w(ze, e);
 }
-function $() {
+function it() {
 	return h(ze);
 }
-function it(e) {
+function at(e) {
 	w(Be, e);
 }
-function at() {
+function ot() {
 	return h(Be);
 }
-function ot(e) {
+function st(e) {
 	w(Ve, e);
 }
-function st() {
+function ct() {
 	return h(Ve);
 }
-function ct(e) {
-	w(He, e);
-}
-function lt() {
-	return h(He);
-}
 //#endregion
 //#region src/components/menu/index.vue
-var ut = /* @__PURE__ */ p({
+var lt = /* @__PURE__ */ p({
 	__name: "index",
 	setup(e) {
-		let { t } = V(), n = Xe(), r = Qe(), i = nt(), c = $(), u = T(0), p = T(0), m = T([]), h = o(() => [u.value, p.value]), _ = (e) => {
+		let { t } = H(), n = Ye(), r = Ze(), i = tt(), c = $(), u = T(0), p = T(0), m = T([]), h = o(() => [u.value, p.value]), _ = (e) => {
 			!(m.value.length <= 0 || !Q(i.value, m.value)) && e.push({
 				title: t("x-prop-tree.reset"),
 				func: () => {
-					let e = K(n.value, m.value);
+					let e = q(n.value, m.value);
 					if (e) if (e.ui) {
-						let t = q(r.value, m.value.slice(0, -1));
+						let t = J(r.value, m.value.slice(0, -1));
 						if (!t) return;
 						t[m.value[m.value.length - 1]] = B(e), c(m.value, t[m.value[m.value.length - 1]]);
 					} else if (e.array) {
@@ -308,18 +308,18 @@ var ut = /* @__PURE__ */ p({
 							return;
 						}
 						if (typeof t == "string") {
-							let t = q(r.value, m.value.slice(0, -1));
+							let t = J(r.value, m.value.slice(0, -1));
 							if (!t) return;
 							t[m.value[m.value.length - 1]] = B(e), c(m.value, t[m.value[m.value.length - 1]]);
 						} else {
-							let t = q(r.value, m.value);
+							let t = J(r.value, m.value);
 							if (!t) return;
 							e.children.forEach((n) => {
 								t[n.key] = B(e), c([...m.value, n.key], t[n.key]);
 							});
 						}
 					} else {
-						let t = q(r.value, m.value);
+						let t = J(r.value, m.value);
 						if (!t) return;
 						e.children.forEach((n) => {
 							t[n.key] = B(e), c([...m.value, n.key], t[n.key]);
@@ -331,7 +331,7 @@ var ut = /* @__PURE__ */ p({
 			e.push({
 				title: t("x-prop-tree.copy"),
 				func: () => {
-					let e = K(n.value, m.value), t = q(r.value, m.value);
+					let e = q(n.value, m.value), t = J(r.value, m.value);
 					localStorage.setItem("propTreeCopy", JSON.stringify({
 						property: e,
 						object: t
@@ -345,8 +345,8 @@ var ut = /* @__PURE__ */ p({
 				try {
 					let { property: t } = JSON.parse(e);
 					if (!t) return !1;
-					let r = K(n.value, m.value);
-					return r ? Ce(t, r) : !1;
+					let r = q(n.value, m.value);
+					return r ? Se(t, r) : !1;
 				} catch (e) {
 					console.error(e);
 				}
@@ -358,7 +358,7 @@ var ut = /* @__PURE__ */ p({
 					if (!r()) return;
 					let e = localStorage.getItem("propTreeCopy");
 					if (e) try {
-						let { object: t } = JSON.parse(e), r = K(n.value, m.value);
+						let { object: t } = JSON.parse(e), r = q(n.value, m.value);
 						console.log(t, r);
 					} catch (e) {
 						console.error(e);
@@ -368,7 +368,7 @@ var ut = /* @__PURE__ */ p({
 		}, b = o(() => {
 			let e = [];
 			return _(e), v(e), y(e), e;
-		}), { open: x } = G("propTreeMenu", (e) => {
+		}), { open: x } = K("propTreeMenu", (e) => {
 			u.value = e.x, p.value = e.y, m.value = e.keys;
 		});
 		return (e, t) => {
@@ -398,7 +398,7 @@ var ut = /* @__PURE__ */ p({
 			}, 8, ["modelValue", "target"]);
 		};
 	}
-}), dt = { style: { pointerEvents: "none" } }, ft = /* @__PURE__ */ p({
+}), ut = { style: { pointerEvents: "none" } }, dt = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		title: {},
@@ -420,7 +420,7 @@ var ut = /* @__PURE__ */ p({
 		"delete"
 	],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = U(), i = t, a = T(!1), d = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = T(!1), d = o(() => ({
 			background: a.value ? r.value : n.value,
 			height: "36px",
 			marginBottom: "1px",
@@ -444,7 +444,7 @@ var ut = /* @__PURE__ */ p({
 					class: "mr-1",
 					icon: e.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
 				}, null, 8, ["icon"]),
-				u("span", dt, A(e.title), 1),
+				u("span", ut, A(e.title), 1),
 				f(o),
 				e.hasCreate ? (C(), s(h, {
 					key: 0,
@@ -468,14 +468,14 @@ var ut = /* @__PURE__ */ p({
 });
 //#endregion
 //#region src/composables/adaptSlotList/index.ts
-function pt() {
-	let e = We(), t = Ke(), n = Je(), { i18n: a } = me, o = T([]);
-	ct(o);
+function ft() {
+	let e = Ue(), t = Ge(), n = qe(), { i18n: a } = fe, o = T([]);
+	st(o);
 	let s = () => {
 		if (!e.value || !t.value || !n.value) return [];
-		let s = de[e.value];
+		let s = le[e.value];
 		if (!s) return console.assert(!1, `invalid version=${e.value}`), [];
-		let c = ie(t.value, n.value), l = [];
+		let c = re(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({
@@ -490,7 +490,7 @@ function pt() {
 			for (let e of t.items) {
 				let n = te(e);
 				if (n && !n.internal && n.slots) for (let e of n.slots) {
-					let r = ce("elementSlot", n.key, e.key), o = `${a.global.t(n.name)} / ${a.global.t(e.name)}`;
+					let r = se("elementSlot", n.key, e.key), o = `${a.global.t(n.name)} / ${a.global.t(e.name)}`;
 					l.push({
 						id: r,
 						type: 1,
@@ -501,7 +501,7 @@ function pt() {
 				}
 			}
 		}
-		let { activeApp: u, depends: d } = ye.app;
+		let { activeApp: u, depends: d } = _e.app;
 		for (let { id: e, name: t, position: n } of u.compGroups) {
 			let i = r(o, e);
 			l.push({
@@ -516,7 +516,7 @@ function pt() {
 		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 = se("customSlot", e.id, n.id), r = `${e.name} / ${n.name}`;
 				l.push({
 					id: t,
 					type: 1,
@@ -550,11 +550,11 @@ function pt() {
 }
 //#endregion
 //#region src/composables/compList/index.ts
-function mt() {
+function pt() {
 	let e = T([]);
-	it(e);
+	rt(e);
 	let t = () => {
-		let { activeApp: t, depends: n } = ye.app, r = [];
+		let { activeApp: t, depends: n } = _e.app, r = [];
 		for (let { id: n, name: i, position: a } of t.compGroups) {
 			let t = e.value.find((e) => e.id === n);
 			r.push({
@@ -588,11 +588,11 @@ function mt() {
 }
 //#endregion
 //#region src/composables/slotList/index.ts
-function ht() {
+function mt() {
 	let e = T([]);
-	ot(e);
+	at(e);
 	let t = () => {
-		let { activeObject: e, activeComp: t } = ye.app;
+		let { activeObject: e, activeComp: t } = _e.app;
 		if (e.type !== "comp" || !t.meta.slots) return [];
 		let n = [];
 		for (let { id: e, name: r } of t.meta.slots) n.push({
@@ -617,7 +617,7 @@ function ht() {
 }
 //#endregion
 //#region src/components/values/adaptSlot/adaptSlotList/group.vue?vue&type=script&setup=true&lang.ts
-var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text-grey ml-1" }, vt = /* @__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: {},
@@ -627,7 +627,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = U(), i = e, a = t, s = T(!1), c = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = W(), i = e, a = t, s = T(!1), c = o(() => ({
 			background: s.value ? r.value : n.value,
 			height: "30px",
 			marginTop: "1px",
@@ -646,12 +646,12 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 					icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
 					size: "small"
 				}, null, 8, ["icon"]),
-				u("span", gt, A(i.title), 1),
-				u("span", _t, A(i.count), 1)
+				u("span", ht, A(i.title), 1),
+				u("span", gt, A(i.count), 1)
 			], 36)), [[r]]);
 		};
 	}
-}), yt = { class: "text-body-large ml-6" }, bt = /* @__PURE__ */ p({
+}), vt = { class: "text-body-large ml-6" }, yt = /* @__PURE__ */ p({
 	__name: "item",
 	props: {
 		id: {},
@@ -659,7 +659,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = U(), i = t, a = T(!1), s = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = T(!1), s = o(() => ({
 			background: a.value ? r.value : n.value,
 			height: "48px",
 			marginTop: "1px",
@@ -673,13 +673,13 @@ var gt = { class: "text-label-large ml-1" }, _t = { 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", yt, A(e.title), 1)], 36)), [[r]]);
+			}, [u("span", vt, A(e.title), 1)], 36)), [[r]]);
 		};
 	}
-}), xt = { key: 0 }, St = {
+}), bt = { key: 0 }, xt = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
-}, Ct = /* @__PURE__ */ p({
+}, St = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		modelValue: {},
@@ -692,13 +692,13 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e) {
-		let { nameList: t } = W(), i = N(e, "modelValue"), o = N(e, "open"), u = lt(), d = (e) => {
+		let { nameList: t } = G(), i = N(e, "modelValue"), o = N(e, "open"), u = ct(), d = (e) => {
 			let t = r(u, e);
 			t && n(u, e, !t.collapse);
 		}, f = (e) => {
 			i.value = e, o.value = !1;
 		};
-		return (e, n) => j(u).length > 0 ? (C(), l("div", xt, [(C(!0), l(a, null, E(j(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(vt, {
+		return (e, n) => j(u).length > 0 ? (C(), l("div", bt, [(C(!0), l(a, null, E(j(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(_t, {
 			key: 0,
 			id: e.id,
 			collapse: e.collapse,
@@ -710,18 +710,18 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			"collapse",
 			"count",
 			"title"
-		])) : c("", !0), e.type === 1 && e.show ? (C(), s(bt, {
+		])) : 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", St, A(j(t)([
+		}, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", xt, A(j(t)([
 			"x-prop-tree.no",
 			"x-prop-tree.adapt",
 			"x-prop-tree.slot"
 		])), 1));
 	}
-}), wt = { class: "text-body-large" }, Tt = /* @__PURE__ */ p({
+}), Ct = { class: "text-body-large" }, wt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -738,7 +738,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = V(), i = be(), { sysBarAvail: a, nameList: l } = W(), { backgroundColor1: p } = U(), m = N(e, "modelValue"), h = t, _ = lt(), b = o(() => {
+		let { t: n } = H(), i = ve(), { sysBarAvail: a, nameList: l } = G(), { backgroundColor1: p } = W(), m = N(e, "modelValue"), h = t, _ = ct(), b = o(() => {
 			let e = "100%";
 			return i.mdAndUp.value && (e = "400px"), {
 				background: p.value,
@@ -755,7 +755,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			if (!m.value) return n("x-runtime-lib.notSet");
 			let e = r(_, m.value);
 			return e ? e.name : n("x-runtime-lib.slotNotAvail");
-		}), { open: E } = G(`propTreeAdaptSlotSelectDlg${M()}`);
+		}), { open: E } = K(`propTreeAdaptSlotSelectDlg${M()}`);
 		return S(() => {
 			E.value = !1;
 		}), (t, n) => {
@@ -807,7 +807,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 							icon: "mdi-close",
 							variant: "text",
 							onClick: n[1] ||= (e) => E.value = !1
-						}), u("span", wt, A(j(l)([
+						}), u("span", Ct, A(j(l)([
 							"x-prop-tree.select",
 							"x-prop-tree.adapt",
 							"x-prop-tree.slot"
@@ -817,7 +817,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 					u("div", {
 						class: "overflow-y-auto",
 						style: y(x.value)
-					}, [f(Ct, {
+					}, [f(St, {
 						modelValue: m.value,
 						"onUpdate:modelValue": n[2] ||= (e) => m.value = e,
 						open: j(E),
@@ -828,7 +828,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), Et = { class: "text-label-large ml-1" }, Dt = { class: "text-body-small text-grey ml-1" }, Ot = /* @__PURE__ */ p({
+}), Tt = { class: "text-label-large ml-1" }, Et = { class: "text-body-small text-grey ml-1" }, Dt = /* @__PURE__ */ p({
 	__name: "group",
 	props: {
 		id: {},
@@ -838,7 +838,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = U(), i = e, a = t, s = T(!1), c = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = W(), i = e, a = t, s = T(!1), c = o(() => ({
 			background: s.value ? r.value : n.value,
 			height: "30px",
 			marginTop: "1px",
@@ -857,12 +857,12 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 					icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
 					size: "small"
 				}, null, 8, ["icon"]),
-				u("span", Et, A(i.title), 1),
-				u("span", Dt, A(i.count), 1)
+				u("span", Tt, A(i.title), 1),
+				u("span", Et, A(i.count), 1)
 			], 36)), [[r]]);
 		};
 	}
-}), kt = { class: "text-body-large ml-6" }, At = /* @__PURE__ */ p({
+}), Ot = { class: "text-body-large ml-6" }, kt = /* @__PURE__ */ p({
 	__name: "item",
 	props: {
 		id: {},
@@ -870,7 +870,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = U(), i = e, a = t, s = T(!1), c = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = W(), i = e, a = t, s = T(!1), c = o(() => ({
 			background: s.value ? r.value : n.value,
 			height: "48px",
 			marginTop: "1px",
@@ -884,13 +884,13 @@ var gt = { class: "text-label-large ml-1" }, _t = { 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", kt, A(i.title), 1)], 36)), [[n]]);
+			}, [u("span", Ot, A(i.title), 1)], 36)), [[n]]);
 		};
 	}
-}), jt = { key: 0 }, Mt = {
+}), At = { key: 0 }, jt = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
-}, Nt = /* @__PURE__ */ p({
+}, Mt = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		modelValue: {},
@@ -903,13 +903,13 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e) {
-		let { nameList: t } = W(), i = N(e, "modelValue"), o = N(e, "open"), u = at(), d = (e) => {
+		let { nameList: t } = G(), i = N(e, "modelValue"), o = N(e, "open"), u = it(), d = (e) => {
 			let t = r(u, e);
 			t && n(u, e, !t.collapse);
 		}, f = (e) => {
-			i.value = e, o.value = !1, H.emit("refreshDepends");
+			i.value = e, o.value = !1, U.emit("refreshDepends");
 		};
-		return (e, n) => j(u).length > 0 ? (C(), l("div", jt, [(C(!0), l(a, null, E(j(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(Ot, {
+		return (e, n) => j(u).length > 0 ? (C(), l("div", At, [(C(!0), l(a, null, E(j(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(Dt, {
 			key: 0,
 			id: e.id,
 			collapse: e.collapse,
@@ -921,14 +921,14 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			"collapse",
 			"count",
 			"title"
-		])) : c("", !0), e.type === 1 && e.show ? (C(), s(At, {
+		])) : c("", !0), e.type === 1 && e.show ? (C(), s(kt, {
 			key: 1,
 			id: e.id,
 			title: e.name,
 			onXClick: f
-		}, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", Mt, A(j(t)(["x-prop-tree.no", "x-prop-tree.comp"])), 1));
+		}, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", jt, A(j(t)(["x-prop-tree.no", "x-prop-tree.comp"])), 1));
 	}
-}), Pt = { class: "text-body-large" }, Ft = /* @__PURE__ */ p({
+}), Nt = { class: "text-body-large" }, Pt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -945,7 +945,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = V(), i = be(), { sysBarAvail: a, nameList: l } = W(), { backgroundColor1: p } = U(), m = N(e, "modelValue"), h = t, _ = at(), b = o(() => {
+		let { t: n } = H(), i = ve(), { sysBarAvail: a, nameList: l } = G(), { backgroundColor1: p } = W(), m = N(e, "modelValue"), h = t, _ = it(), b = o(() => {
 			let e = "100%";
 			return i.mdAndUp.value && (e = "400px"), {
 				background: p.value,
@@ -962,7 +962,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			if (!m.value) return n("x-runtime-lib.notSet");
 			let e = r(_, m.value);
 			return e ? e.name : n("x-runtime-lib.compNotAvail");
-		}), { open: E } = G(`propTreeCompSelectDlg${M()}`);
+		}), { open: E } = K(`propTreeCompSelectDlg${M()}`);
 		return S(() => {
 			E.value = !1;
 		}), (t, n) => {
@@ -1014,13 +1014,13 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 							icon: "mdi-close",
 							variant: "text",
 							onClick: n[1] ||= (e) => E.value = !1
-						}), u("span", Pt, A(j(l)(["x-prop-tree.select", "x-prop-tree.comp"])), 1)]),
+						}), u("span", Nt, A(j(l)(["x-prop-tree.select", "x-prop-tree.comp"])), 1)]),
 						_: 1
 					}),
 					u("div", {
 						class: "overflow-y-auto",
 						style: y(x.value)
-					}, [f(Nt, {
+					}, [f(Mt, {
 						modelValue: m.value,
 						"onUpdate:modelValue": n[2] ||= (e) => m.value = e,
 						open: j(E),
@@ -1031,7 +1031,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), It = { class: "d-flex justify-space-between align-center" }, Lt = /* @__PURE__ */ p({
+}), Ft = { class: "d-flex justify-space-between align-center" }, It = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1048,9 +1048,9 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { isMobile: n } = W(), r = N(e, "modelValue"), i = t, a = async (t) => {
+		let { isMobile: n } = G(), r = N(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await ve({
+			let i = await ge({
 				title: "",
 				value: r.value
 			});
@@ -1058,7 +1058,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 		};
 		return (t, n) => {
 			let o = O("v-text-field"), u = O("v-btn"), d = k("ripple");
-			return C(), l("div", It, [L(f(o, {
+			return C(), l("div", Ft, [L(f(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				density: "compact",
@@ -1081,7 +1081,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), Rt = /* @__PURE__ */ p({
+}), Lt = /* @__PURE__ */ p({
 	__name: "editor",
 	props: {
 		modelValue: { required: !0 },
@@ -1100,14 +1100,14 @@ var gt = { class: "text-label-large ml-1" }, _t = { 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 = he(), o = ge(), c = We(), l = ee("target"), u = () => {
+		let n = N(e, "modelValue"), r = N(e, "lock"), i = N(e, "scale"), a = pe(), o = me(), c = Ue(), l = ee("target"), u = () => {
 			let e = JSON.parse(n.value);
 			l.value?.load(e);
 		};
 		return t({ save: () => {
 			let e = l.value.save();
 			n.value = JSON.stringify(e, null, 2);
-		} }), (e, t) => (C(), s(j(xe), {
+		} }), (e, t) => (C(), s(j(ye), {
 			ref_key: "target",
 			ref: l,
 			lock: r.value,
@@ -1127,7 +1127,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			"version"
 		]));
 	}
-}), zt = { class: "text-body-large" }, Bt = /* @__PURE__ */ p({
+}), Rt = { class: "text-body-large" }, zt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1144,14 +1144,14 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = V(), { sysBarAvail: r } = W(), { backgroundColor0: i, backgroundColor1: a, backgroundColor2: l } = U(), p = N(e, "modelValue"), m = t, h = T(!1), _ = T(1), b = o(() => {
+		let { t: n } = H(), { sysBarAvail: r } = G(), { backgroundColor0: i, backgroundColor1: a, backgroundColor2: l } = W(), p = N(e, "modelValue"), m = t, h = T(!1), _ = T(1), b = o(() => {
 			let e = 48;
 			return r.value && (e += 24), {
 				position: "relative",
 				background: a.value,
 				height: `calc(100% - ${e}px)`
 			};
-		}), x = o(() => n("x-prop-tree.jsonEditor")), { open: w } = G(`propTreejsonEditorDlg${M()}`);
+		}), x = o(() => n("x-prop-tree.jsonEditor")), { open: w } = K(`propTreejsonEditorDlg${M()}`);
 		S(() => {
 			w.value = !1;
 		});
@@ -1208,12 +1208,12 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 									variant: "text",
 									onClick: n[1] ||= (e) => w.value = !1
 								}),
-								u("span", zt, A(x.value), 1),
+								u("span", Rt, A(x.value), 1),
 								f(S)
 							]),
 							_: 1
 						}, 8, ["color"]),
-						u("div", { style: y(b.value) }, [f(Rt, {
+						u("div", { style: y(b.value) }, [f(Lt, {
 							ref_key: "editor",
 							ref: E,
 							modelValue: p.value,
@@ -1234,7 +1234,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), Vt = { class: "d-flex justify-space-between align-center" }, Ht = /* @__PURE__ */ p({
+}), Bt = { class: "d-flex justify-space-between align-center" }, Vt = /* @__PURE__ */ p({
 	__name: "color",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1251,10 +1251,10 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = V(), r = N(e, "modelValue"), i = t, a = o(() => {
+		let { t: n } = H(), r = N(e, "modelValue"), i = t, a = o(() => {
 			let t = "100%";
 			return e.hasDelete && (t = "calc(100% - 37px)"), { width: t };
-		}), l = o(() => e.readonly), { open: p } = G(`propTreeColorPickerMenu${M()}`);
+		}), l = o(() => e.readonly), { open: p } = K(`propTreeColorPickerMenu${M()}`);
 		return S(() => {
 			p.value = !1;
 		}), (t, o) => {
@@ -1265,7 +1265,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 				"close-on-content-click": !1,
 				scrim: "transparent"
 			}, {
-				activator: I(({ props: t }) => [u("div", Vt, [u("div", {
+				activator: I(({ props: t }) => [u("div", Bt, [u("div", {
 					class: "flex-grow-1",
 					style: y(a.value)
 				}, [f(m, v(t, {
@@ -1295,7 +1295,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), Ut = { class: "d-flex justify-space-between align-center my-2" }, Wt = { class: "flex-grow-1" }, Gt = /* @__PURE__ */ p({
+}), Ht = { class: "d-flex justify-space-between align-center my-2" }, Ut = { class: "flex-grow-1" }, Wt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1313,7 +1313,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = V(), { isMobile: r } = W(), i = N(e, "modelValue"), a = t, d = o(() => ae(e.types)), p = T(""), m = o(() => {
+		let { t: n } = H(), { isMobile: r } = G(), i = N(e, "modelValue"), a = t, d = o(() => ie(e.types)), p = T(""), m = o(() => {
 			let e = [];
 			for (let { value: t, title: r } of d.value) e.push({
 				value: t,
@@ -1326,48 +1326,53 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 				p.value = e;
 				return;
 			}
-			p.value = "";
+			_();
 		});
-		let h = o(() => d.value.find((e) => e.value === p.value)), g = () => {
+		let h = o(() => d.value.find((e) => e.value === p.value));
+		function g() {
 			i.value = h.value?.default;
-		}, _ = T(0), v = async (e) => {
-			if (!e || !r() || !h.value || h.value.trait !== "number" && h.value.trait !== "pixel" && h.value.trait !== "percent") return;
-			let t = await _e({
+		}
+		function _() {
+			p.value = d.value[0].value, g();
+		}
+		let v = T(0), y = async (e) => {
+			if (!e || !r() || !h.value || h.value.trait !== "number" && h.value.trait !== "numberUnit") return;
+			let t = await he({
 				title: "",
-				value: _.value,
+				value: v.value,
 				precision: h.value.precision,
 				min: h.value.min,
 				max: h.value.max,
 				step: h.value.step
 			});
-			t !== void 0 && (_.value = t);
+			t !== void 0 && (v.value = t);
 		};
 		F(() => {
-			h.value?.trait === "number" ? _.value = i.value : h.value?.trait === "pixel" ? _.value = ue(i.value) : h.value?.trait === "percent" && (_.value = le(i.value));
-		}), P(_, (e) => {
-			h.value?.trait === "number" ? i.value = e : h.value?.trait === "pixel" ? i.value = e + "px" : h.value?.trait === "percent" && (i.value = e + "%");
+			h.value?.trait === "number" ? v.value = i.value : h.value?.trait === "numberUnit" && (v.value = ce(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 y = T("#ff00ff");
+		let b = T("#ff00ff");
 		F(() => {
-			h.value?.trait === "hexColor" && oe(i.value) && (y.value = i.value);
-		}), P(y, (e) => {
+			h.value?.trait === "hexColor" && ae(i.value) && (b.value = i.value);
+		}), P(b, (e) => {
 			h.value?.trait === "hexColor" && (i.value = e);
 		});
-		let b = T("primary"), x = o(() => {
+		let x = T("primary"), S = o(() => {
 			let e = [];
-			if (h.value?.trait === "themeColor") for (let { value: t, title: r } of pe) e.push({
+			if (h.value?.trait === "themeColor") for (let { value: t, title: r } of de) e.push({
 				value: t,
 				title: n(r)
 			});
 			return e;
 		});
 		return F(() => {
-			h.value?.trait === "themeColor" && se(i.value) && (b.value = i.value);
-		}), P(b, (e) => {
+			h.value?.trait === "themeColor" && oe(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"), d = k("ripple");
-			return C(), l("div", Ut, [u("div", Wt, [
+			return C(), l("div", Ht, [u("div", Ut, [
 				L(f(r, {
 					modelValue: p.value,
 					"onUpdate:modelValue": [n[0] ||= (e) => p.value = e, g],
@@ -1386,10 +1391,10 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 					void 0,
 					{ stop: !0 }
 				]]),
-				h.value?.trait === "number" || h.value?.trait === "pixel" || h.value?.trait === "percent" ? L((C(), s(i, {
+				h.value?.trait === "number" || h.value?.trait === "numberUnit" ? L((C(), s(i, {
 					key: 0,
-					modelValue: _.value,
-					"onUpdate:modelValue": n[1] ||= (e) => _.value = e,
+					modelValue: v.value,
+					"onUpdate:modelValue": n[1] ||= (e) => v.value = e,
 					"control-variant": "stacked",
 					density: "compact",
 					"hide-details": "",
@@ -1399,7 +1404,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 					readonly: e.readonly,
 					"single-line": "",
 					step: h.value.step,
-					"onUpdate:focused": v
+					"onUpdate:focused": y
 				}, null, 8, [
 					"modelValue",
 					"max",
@@ -1413,18 +1418,18 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 					void 0,
 					{ stop: !0 }
 				]]) : c("", !0),
-				h.value?.trait === "hexColor" ? (C(), s(Ht, {
+				h.value?.trait === "hexColor" ? (C(), s(Vt, {
 					key: 1,
-					modelValue: y.value,
-					"onUpdate:modelValue": n[2] ||= (e) => y.value = e
+					modelValue: b.value,
+					"onUpdate:modelValue": n[2] ||= (e) => b.value = e
 				}, null, 8, ["modelValue"])) : c("", !0),
 				h.value?.trait === "themeColor" ? L((C(), s(r, {
 					key: 2,
-					modelValue: b.value,
-					"onUpdate:modelValue": n[3] ||= (e) => b.value = e,
+					modelValue: x.value,
+					"onUpdate:modelValue": n[3] ||= (e) => x.value = e,
 					density: "compact",
 					"hide-details": "",
-					items: x.value,
+					items: S.value,
 					"single-line": ""
 				}, null, 8, ["modelValue", "items"])), [[
 					d,
@@ -1442,7 +1447,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), Kt = { class: "d-flex justify-space-between align-center" }, qt = /* @__PURE__ */ p({
+}), Gt = { class: "d-flex justify-space-between align-center" }, Kt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1463,9 +1468,9 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { isMobile: n } = W(), r = N(e, "modelValue"), i = t, a = async (t) => {
+		let { isMobile: n } = G(), r = N(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await _e({
+			let i = await he({
 				title: "",
 				value: r.value,
 				precision: e.precision,
@@ -1477,7 +1482,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 		};
 		return (t, n) => {
 			let o = O("v-number-input"), u = O("v-btn"), d = k("ripple");
-			return C(), l("div", Kt, [L(f(o, {
+			return C(), l("div", Gt, [L(f(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				"control-variant": "stacked",
@@ -1512,7 +1517,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), Jt = { class: "d-flex justify-space-between align-center my-2" }, Yt = { class: "flex-grow-1" }, Xt = /* @__PURE__ */ p({
+}), qt = { class: "d-flex justify-space-between align-center my-2" }, Jt = { class: "flex-grow-1" }, Yt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1529,7 +1534,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = V(), { isMobile: r } = W(), i = N(e, "modelValue"), a = t, d = T(""), p = T(0);
+		let { t: n } = H(), { isMobile: r } = G(), i = N(e, "modelValue"), a = t, d = T(""), p = T(0);
 		F(() => {
 			let e = i.value.split(",");
 			e.length < 1 || (d.value = e[0], (e[0] === "minLength" || e[1] === "maxLength" || e[2] === "length") && (e.length > 1 ? p.value = parseInt(e[1]) : p.value = 0));
@@ -1542,7 +1547,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 				value: "",
 				title: n("x-runtime-lib.notSet")
 			}];
-			for (let t of fe) e.push({
+			for (let t of ue) e.push({
 				value: t,
 				title: n(`x-runtime-lib.${t}`)
 			});
@@ -1557,7 +1562,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 		});
 		async function _(e) {
 			if (!e || !r()) return;
-			let t = await _e({
+			let t = await he({
 				title: "",
 				value: p.value,
 				precision: 0,
@@ -1572,7 +1577,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 		}
 		return (t, n) => {
 			let r = O("v-select"), i = O("v-number-input"), o = O("v-btn"), m = k("ripple");
-			return C(), l("div", Jt, [u("div", Yt, [L(f(r, {
+			return C(), l("div", qt, [u("div", Jt, [L(f(r, {
 				modelValue: d.value,
 				"onUpdate:modelValue": [n[0] ||= (e) => d.value = e, g],
 				density: "compact",
@@ -1618,7 +1623,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), Zt = { class: "d-flex justify-space-between align-center" }, Qt = /* @__PURE__ */ p({
+}), Xt = { class: "d-flex justify-space-between align-center" }, Zt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1636,7 +1641,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = V(), r = N(e, "modelValue"), i = t, a = o(() => {
+		let { t: n } = H(), r = N(e, "modelValue"), i = t, a = o(() => {
 			let t = [];
 			return ne(e.items)?.forEach(({ value: e, title: r }) => {
 				let i = e;
@@ -1648,7 +1653,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 		});
 		return (t, n) => {
 			let o = O("v-select"), u = O("v-btn"), d = k("ripple");
-			return C(), l("div", Zt, [L(f(o, {
+			return C(), l("div", Xt, [L(f(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				density: "compact",
@@ -1675,7 +1680,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), $t = { class: "text-body-large ml-6" }, en = /* @__PURE__ */ p({
+}), Qt = { class: "text-body-large ml-6" }, $t = /* @__PURE__ */ p({
 	__name: "item",
 	props: {
 		id: {},
@@ -1683,7 +1688,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	},
 	emits: ["x-click"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = U(), i = t, a = T(!1), s = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = T(!1), s = o(() => ({
 			background: a.value ? r.value : n.value,
 			height: "48px",
 			marginTop: "1px",
@@ -1697,13 +1702,13 @@ var gt = { class: "text-label-large ml-1" }, _t = { 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", $t, A(e.title), 1)], 36)), [[r]]);
+			}, [u("span", Qt, A(e.title), 1)], 36)), [[r]]);
 		};
 	}
-}), tn = { key: 0 }, nn = {
+}), en = { key: 0 }, tn = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
-}, rn = /* @__PURE__ */ p({
+}, nn = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		modelValue: {},
@@ -1716,17 +1721,17 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e) {
-		let { nameList: t } = W(), n = N(e, "modelValue"), r = N(e, "open"), i = st(), o = (e) => {
+		let { nameList: t } = G(), n = N(e, "modelValue"), r = N(e, "open"), i = ot(), o = (e) => {
 			n.value = e, r.value = !1;
 		};
-		return (e, n) => j(i).length > 0 ? (C(), l("div", tn, [(C(!0), l(a, null, E(j(i), (e) => (C(), s(en, {
+		return (e, n) => j(i).length > 0 ? (C(), l("div", en, [(C(!0), l(a, null, E(j(i), (e) => (C(), s($t, {
 			key: e.id,
 			id: e.id,
 			title: e.name,
 			onXClick: o
-		}, null, 8, ["id", "title"]))), 128))])) : (C(), l("div", nn, A(j(t)(["x-prop-tree.no", "x-prop-tree.slot"])), 1));
+		}, null, 8, ["id", "title"]))), 128))])) : (C(), l("div", tn, A(j(t)(["x-prop-tree.no", "x-prop-tree.slot"])), 1));
 	}
-}), an = { class: "text-body-large" }, on = /* @__PURE__ */ p({
+}), rn = { class: "text-body-large" }, an = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1743,7 +1748,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = V(), r = be(), { sysBarAvail: i, nameList: a } = W(), { backgroundColor1: l } = U(), p = N(e, "modelValue"), m = t, h = st(), _ = o(() => {
+		let { t: n } = H(), r = ve(), { sysBarAvail: i, nameList: a } = G(), { backgroundColor1: l } = W(), p = N(e, "modelValue"), m = t, h = ot(), _ = o(() => {
 			let e = "100%";
 			return r.mdAndUp.value && (e = "400px"), {
 				background: l.value,
@@ -1760,7 +1765,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			if (!p.value) return n("x-runtime-lib.notSet");
 			let e = h.value.find((e) => e.id === p.value);
 			return e ? e.name : n("x-runtime-lib.slotNotAvail");
-		}), { open: T } = G(`propTreeSlotSelectDlg${M()}`);
+		}), { open: T } = K(`propTreeSlotSelectDlg${M()}`);
 		return S(() => {
 			T.value = !1;
 		}), (t, n) => {
@@ -1812,13 +1817,13 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 							icon: "mdi-close",
 							variant: "text",
 							onClick: n[1] ||= (e) => T.value = !1
-						}), u("span", an, A(j(a)(["x-prop-tree.select", "x-prop-tree.slot"])), 1)]),
+						}), u("span", rn, A(j(a)(["x-prop-tree.select", "x-prop-tree.slot"])), 1)]),
 						_: 1
 					}),
 					u("div", {
 						class: "overflow-y-auto",
 						style: y(b.value)
-					}, [f(rn, {
+					}, [f(nn, {
 						modelValue: p.value,
 						"onUpdate:modelValue": n[2] ||= (e) => p.value = e,
 						open: j(T),
@@ -1829,7 +1834,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), sn = { class: "d-flex justify-space-between align-center" }, cn = /* @__PURE__ */ p({
+}), on = { class: "d-flex justify-space-between align-center" }, sn = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1849,7 +1854,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { 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 C(), l("div", sn, [f(a, {
+			return C(), l("div", on, [f(a, {
 				modelValue: n.value,
 				"onUpdate:modelValue": i[0] ||= (e) => n.value = e,
 				class: "ml-1",
@@ -1867,7 +1872,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), ln = { class: "d-flex justify-space-between align-center" }, un = /* @__PURE__ */ p({
+}), cn = { class: "d-flex justify-space-between align-center" }, ln = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1884,9 +1889,9 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { isMobile: n } = W(), r = N(e, "modelValue"), i = t, a = async (t) => {
+		let { isMobile: n } = G(), r = N(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
-			let i = await ve({
+			let i = await ge({
 				title: "",
 				value: r.value
 			});
@@ -1894,7 +1899,7 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 		};
 		return (t, n) => {
 			let o = O("v-text-field"), u = O("v-btn"), d = k("ripple");
-			return C(), l("div", ln, [L(f(o, {
+			return C(), l("div", cn, [L(f(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				density: "compact",
@@ -1920,14 +1925,14 @@ var gt = { class: "text-label-large ml-1" }, _t = { class: "text-body-small text
 });
 //#endregion
 //#region src/composables/uis/uiAdaptSlot.ts
-function dn() {
+function un() {
 	let e = $();
 	return { renderUiAdaptSlot: (t, n, r, i, a) => {
 		if (n.ui !== "adaptSlot") throw Error("useUiAdaptSlot property ui must be adaptSlot");
-		return m(Tt, {
-			modelValue: J(t, n, r, i, a, e),
+		return m(wt, {
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1939,14 +1944,14 @@ function dn() {
 }
 //#endregion
 //#region src/composables/uis/uiComp.ts
-function fn() {
+function dn() {
 	let e = $();
 	return { renderUiComp: (t, n, r, i, a) => {
 		if (n.ui !== "comp") throw Error("renderUiComp property ui must be comp");
-		return m(Ft, {
-			modelValue: J(t, n, r, i, a, e),
+		return m(Pt, {
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1958,23 +1963,23 @@ function fn() {
 }
 //#endregion
 //#region src/composables/uis/uiDummy.ts
-function pn() {
+function fn() {
 	let e = $();
 	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);
+		Y(t, n, r, i, a, e);
 	} };
 }
 //#endregion
 //#region src/composables/uis/uiIcon.ts
-function mn() {
+function pn() {
 	let e = $();
 	return { renderUiIcon: (t, n, r, i, a) => {
 		if (n.ui !== "icon") throw Error("renderUiIcon property ui must be icon");
-		return m(Lt, {
-			modelValue: n.static ? n.value : J(t, n, r, i, a, e),
+		return m(It, {
+			modelValue: n.static ? n.value : Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				n.static || Y(t, n, r, o, i, a, e);
+				n.static || X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1986,14 +1991,14 @@ function mn() {
 }
 //#endregion
 //#region src/composables/uis/uiJson.ts
-function hn() {
+function mn() {
 	let e = $();
 	return { renderUiJson: (t, n, r, i, a) => {
 		if (n.ui !== "json") throw Error("renderUiJson property ui must be json");
-		return m(Bt, {
-			modelValue: J(t, n, r, i, a, e) ?? "{}",
+		return m(zt, {
+			modelValue: Y(t, n, r, i, a, e) ?? "{}",
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2005,14 +2010,14 @@ function hn() {
 }
 //#endregion
 //#region src/composables/uis/uiMultiTypes.ts
-function gn() {
+function hn() {
 	let e = $();
 	return { renderUiMultiTypes: (t, n, r, i, a) => {
 		if (n.ui !== "multiTypes") throw Error("renderUiMultiTypes property ui must be multiTypes");
-		return m(Gt, {
-			modelValue: J(t, n, r, i, a, e),
+		return m(Wt, {
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2024,14 +2029,14 @@ function gn() {
 }
 //#endregion
 //#region src/composables/uis/uiNumber.ts
-function _n() {
+function gn() {
 	let e = $();
 	return { renderUiNumber: (t, n, r, i, a) => {
 		if (n.ui !== "number") throw Error("renderUiNumber property ui must be number");
-		return m(qt, {
-			modelValue: J(t, n, r, i, a, e),
+		return m(Kt, {
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2047,12 +2052,12 @@ function _n() {
 }
 //#endregion
 //#region src/components/entry/index.vue
-var vn = /* @__PURE__ */ p({
+var _n = /* @__PURE__ */ p({
 	__name: "index",
 	props: { minHeight: {} },
 	emits: ["menu"],
 	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = U(), i = t, a = T(!1), s = o(() => ({
+		let { backgroundColor2: n, highlightColor: r } = W(), i = t, a = T(!1), s = o(() => ({
 			background: a.value ? r.value : n.value,
 			minHeight: e.minHeight,
 			paddingRight: "4px",
@@ -2075,14 +2080,14 @@ var vn = /* @__PURE__ */ p({
 });
 //#endregion
 //#region src/composables/uis/uiProperty.ts
-function yn() {
-	let { t: e } = V(), t = nt();
+function vn() {
+	let { t: e } = H(), 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(vn, {
+		return Q(t.value, n) && (o += " *"), m(_n, {
 			minHeight: "56px",
 			onMenu: (e, t) => {
-				H.emit("propTreeMenu", {
+				U.emit("propTreeMenu", {
 					x: e,
 					y: t,
 					keys: n
@@ -2099,14 +2104,14 @@ function yn() {
 }
 //#endregion
 //#region src/composables/uis/uiRule.ts
-function bn() {
+function yn() {
 	let e = $();
 	function t(t, n, r, i, a) {
 		if (n.ui !== "rule") throw Error("renderUiRule property ui must be rule");
-		return m(Xt, {
-			modelValue: J(t, n, r, i, a, e),
+		return m(Yt, {
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2118,14 +2123,14 @@ function bn() {
 }
 //#endregion
 //#region src/composables/uis/uiSelect.ts
-function xn() {
+function bn() {
 	let e = $();
 	return { renderUiSelect: (t, n, r, i, a) => {
 		if (n.ui !== "select") throw Error("renderUiSelect property ui must be select");
-		return m(Qt, {
-			modelValue: J(t, n, r, i, a, e),
+		return m(Zt, {
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2138,14 +2143,14 @@ function xn() {
 }
 //#endregion
 //#region src/composables/uis/uiSlot.ts
-function Sn() {
+function xn() {
 	let e = $();
 	return { renderUiSlot: (t, n, r, i, a) => {
 		if (n.ui !== "slot") throw Error("renderUiSlot property ui must be slot");
-		return m(on, {
-			modelValue: J(t, n, r, i, a, e),
+		return m(an, {
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2157,14 +2162,14 @@ function Sn() {
 }
 //#endregion
 //#region src/composables/uis/uiSwitch.ts
-function Cn() {
+function Sn() {
 	let e = $();
 	return { renderUiSwitch: (t, n, r, i, a) => {
 		if (n.ui !== "switch") throw Error("renderUiSwitch property ui must be switch");
-		return m(cn, {
-			modelValue: J(t, n, r, i, a, e),
+		return m(sn, {
+			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				Y(t, n, r, o, i, a, e);
+				X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2176,14 +2181,14 @@ function Cn() {
 }
 //#endregion
 //#region src/composables/uis/uiText.ts
-function wn() {
+function Cn() {
 	let e = $();
 	return { renderUiText: (t, n, r, i, a) => {
 		if (n.ui !== "text") throw Error("renderUiText property ui must be text");
-		return m(un, {
-			modelValue: n.static ? n.value : J(t, n, r, i, a, e),
+		return m(ln, {
+			modelValue: n.static ? n.value : Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				n.static || Y(t, n, r, o, i, a, e);
+				n.static || X(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2195,27 +2200,27 @@ function wn() {
 }
 //#endregion
 //#region src/components/propTree/main.vue?vue&type=script&setup=true&lang.ts
-var Tn = "20px", En = /* @__PURE__ */ p({
+var wn = "20px", Tn = /* @__PURE__ */ p({
 	__name: "main",
 	setup(t) {
-		let { t: n } = V(), { backgroundColor1: r } = U(), i = Xe(), o = Qe(), s = et(), c = nt(), u = $();
-		mt(), ht(), pt();
-		let { renderProperty: d } = yn(), { renderUiDummy: p } = pn(), { renderUiText: h } = wn(), { renderUiNumber: g } = _n(), { renderUiSwitch: _ } = Cn(), { renderUiSelect: v } = xn(), { renderUiJson: y } = hn(), { renderUiIcon: b } = mn(), { renderUiComp: x } = fn(), { renderUiSlot: S } = Sn(), { renderUiAdaptSlot: w } = dn(), { renderUiRule: T } = bn(), { renderUiMultiTypes: E } = gn(), D = (t, n, r, i, a, o) => {
+		let { t: n } = H(), { backgroundColor1: r } = W(), i = Ye(), o = Ze(), s = $e(), c = tt(), u = $();
+		pt(), mt(), ft();
+		let { renderProperty: d } = vn(), { renderUiDummy: p } = fn(), { renderUiText: h } = Cn(), { renderUiNumber: g } = gn(), { renderUiSwitch: _ } = Sn(), { renderUiSelect: v } = bn(), { renderUiJson: y } = mn(), { renderUiIcon: b } = pn(), { renderUiComp: x } = dn(), { renderUiSlot: S } = xn(), { renderUiAdaptSlot: w } = un(), { renderUiRule: T } = yn(), { renderUiMultiTypes: E } = hn(), D = (t, n, r, i, a, o) => {
 			if (t = e(t), i === void 0 ? t.push(n.key) : (t.push(i), a && t.push(n.key)), t?.[0] !== "runtime") return n.ui ? n.array && !o ? A(t, n, r, i, a) : j(t, n, r, i, a) : n.array ? O(t, n, r, i, a) : k(t, n, r, i, a);
 		}, O = (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 = Se(e, t, r, i, a, u), l = n(t.name);
-			X(s, e) && Q(c.value, e) && (l += " *");
-			let d = m(ft, {
+			let o = be(e, t, r, i, a, u), l = n(t.name);
+			Z(s, e) && Q(c.value, e) && (l += " *");
+			let d = m(dt, {
 				title: l,
-				collapse: X(s, e),
+				collapse: Z(s, e),
 				hasCreate: !0,
 				onCollapse: (t) => {
-					Z(s, e, t);
+					xe(s, e, t);
 				},
 				onMenu: (t, n) => {
-					H.emit("propTreeMenu", {
+					U.emit("propTreeMenu", {
 						x: t,
 						y: n,
 						keys: e
@@ -2224,21 +2229,21 @@ var Tn = "20px", En = /* @__PURE__ */ p({
 				onCreate: () => {
 					o.push({}), u(e, o);
 				}
-			}), f = m("div", { style: { paddingLeft: Tn } }, (() => {
+			}), f = m("div", { style: { paddingLeft: wn } }, (() => {
 				let n = [];
 				for (let r = 0; r < o.length; r++) {
 					let i = [...e, r], a = `[${r + 1}]`;
-					X(s, [...e, r]) && Q(c.value, i) && (a += " *");
-					let l = m(ft, {
+					Z(s, [...e, r]) && Q(c.value, i) && (a += " *");
+					let l = m(dt, {
 						title: a,
-						collapse: X(s, [...e, r]),
+						collapse: Z(s, [...e, r]),
 						hasDelete: !0,
 						index: r,
 						onCollapse: (t) => {
-							Z(s, [...e, r], t);
+							xe(s, [...e, r], t);
 						},
 						onMenu: (e, t) => {
-							H.emit("propTreeMenu", {
+							U.emit("propTreeMenu", {
 								x: e,
 								y: t,
 								keys: i
@@ -2249,33 +2254,33 @@ var Tn = "20px", En = /* @__PURE__ */ p({
 						}
 					});
 					n.push(l);
-					let d = m("div", { style: { paddingLeft: Tn } }, (() => {
+					let d = m("div", { style: { paddingLeft: wn } }, (() => {
 						let n = [];
 						for (let i of t.children) n.push(D(e, i, o[r], r, !0));
 						return n;
 					})());
-					X(s, [...e, r]) || n.push(d);
+					Z(s, [...e, r]) || n.push(d);
 				}
 				return n;
 			})());
 			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(d), X(s, e) || t.push(f), t;
+				return t.push(d), Z(s, e) || t.push(f), t;
 			})());
 		}, k = (e, t, r, i, a) => {
 			if (t.ui) throw Error("renderBranchScalar property ui must be invalid");
 			if (t.array) throw Error("renderBranchScalar property array must be invalid");
 			let o = n(t.name);
-			X(s, e) && Q(c.value, e) && (o += " *");
-			let l = m(ft, {
+			Z(s, e) && Q(c.value, e) && (o += " *");
+			let l = m(dt, {
 				title: o,
-				collapse: X(s, e),
+				collapse: Z(s, e),
 				hasDelete: i !== void 0 && !a,
 				onCollapse: (t) => {
-					Z(s, e, t);
+					xe(s, e, t);
 				},
 				onMenu: (t, n) => {
-					H.emit("propTreeMenu", {
+					U.emit("propTreeMenu", {
 						x: t,
 						y: n,
 						keys: e
@@ -2284,29 +2289,29 @@ var Tn = "20px", En = /* @__PURE__ */ p({
 				onDelete: () => {
 					i === void 0 || a || (r.splice(i, 1), u(e.slice(0, -1), r));
 				}
-			}), d = m("div", { style: { paddingLeft: Tn } }, (() => {
+			}), d = m("div", { style: { paddingLeft: wn } }, (() => {
 				let n = [];
 				for (let i of t.children) n.push(D(e, i, (typeof r[t.key] != "object" && (r[t.key] = {}, u(e, r[t.key])), r[t.key]), void 0, !1));
 				return n;
 			})());
 			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(l), X(s, e) || t.push(d), t;
+				return t.push(l), Z(s, e) || t.push(d), t;
 			})());
 		}, A = (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 = Se(e, t, r, i, a, u), l = n(t.name);
-			X(s, e) && Q(c.value, e) && (l += " *");
-			let d = m(ft, {
+			let o = be(e, t, r, i, a, u), l = n(t.name);
+			Z(s, e) && Q(c.value, e) && (l += " *");
+			let d = m(dt, {
 				title: l,
-				collapse: X(s, e),
+				collapse: Z(s, e),
 				hasCreate: !0,
 				onCollapse: (t) => {
-					Z(s, e, t);
+					xe(s, e, t);
 				},
 				onMenu: (t, n) => {
-					H.emit("propTreeMenu", {
+					U.emit("propTreeMenu", {
 						x: t,
 						y: n,
 						keys: e
@@ -2315,14 +2320,14 @@ var Tn = "20px", En = /* @__PURE__ */ p({
 				onCreate: () => {
 					o.push(B(t)), u(e, o);
 				}
-			}), f = m("div", { style: { paddingLeft: Tn } }, (() => {
+			}), f = m("div", { style: { paddingLeft: wn } }, (() => {
 				let n = [];
 				for (let r = 0; r < o.length; r++) n.push(D(e, t, o, r, !1, !0));
 				return n;
 			})());
 			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(d), X(s, e) || t.push(f), t;
+				return t.push(d), Z(s, e) || t.push(f), t;
 			})());
 		}, j = (e, t, n, r, i) => {
 			if (!t.ui) throw Error("renderLeafScalar property ui must be valid");
@@ -2336,9 +2341,9 @@ var Tn = "20px", En = /* @__PURE__ */ p({
 			if (i.value.length > 0 && o.value) for (let t of i.value) e.push(D([], t, o.value, void 0, !1));
 			return e;
 		})());
-		return (e, t) => (C(), l(a, null, [f(M), f(ut)], 64));
+		return (e, t) => (C(), l(a, null, [f(M), f(lt)], 64));
 	}
-}), Dn = /* @__PURE__ */ p({
+}), En = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		config: {},
@@ -2350,25 +2355,25 @@ var Tn = "20px", En = /* @__PURE__ */ p({
 	emits: ["change"],
 	setup(e, { emit: t }) {
 		let n = t, r = T([]);
-		Ye(r), F(() => {
+		Je(r), F(() => {
 			r.value = e.config;
 		});
 		let i = T();
-		Ze(i), F(() => {
+		Xe(i), F(() => {
 			i.value = e.object;
 		});
 		let a = T("");
-		Ue(a), F(() => {
+		He(a), F(() => {
 			a.value = e.version;
 		});
 		let o = T(e.type);
-		Ge(o), F(() => {
+		We(o), F(() => {
 			o.value = e.type;
 		});
 		let c = T("");
-		qe(c), F(() => {
+		Ke(c), F(() => {
 			c.value = e.subtype;
-		}), $e(T({
+		}), Qe(T({
 			collapse: !0,
 			children: {}
 		}));
@@ -2377,15 +2382,15 @@ var Tn = "20px", En = /* @__PURE__ */ p({
 			warning: !1,
 			children: {}
 		});
-		return tt(l), rt((t, r) => {
-			je(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);
 		}), P([() => e.config, () => e.object], () => {
-			je(l, e.config, e.object);
-		}, { immediate: !0 }), (e, t) => (C(), s(En));
+			Ae(l, e.config, e.object);
+		}, { immediate: !0 }), (e, t) => (C(), s(Tn));
 	}
-}), On = (e) => {
-	e.component("XPropTree", Dn);
-}, kn = (e, t, n) => {
+}), Dn = (e) => {
+	e.component("XPropTree", En);
+}, On = (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."))));
@@ -2393,14 +2398,14 @@ var Tn = "20px", En = /* @__PURE__ */ p({
 };
 //#endregion
 //#region src/i18n/index.ts
-async function An(e) {
-	return (await kn(/* @__PURE__ */ Object.assign({
+async function kn(e) {
+	return (await On(/* @__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 jn = { install: On };
+var An = { install: Dn };
 //#endregion
-export { jn as default, An as loadLocaleMessagePropTree };
+export { An as default, kn as loadLocaleMessagePropTree };