x-prop-tree 0.7.12 → 0.7.13

package/dist/index.js

@@ -1,91 +1,91 @@
-import { provide as ce, inject as de, defineComponent as R, ref as O, computed as K, resolveComponent as x, createBlock as B, openBlock as C, unref as L, isRef as ve, withCtx as J, createVNode as D, createElementBlock as E, Fragment as Ve, renderList as Be, createTextVNode as Ce, toDisplayString as W, resolveDirective as le, withDirectives as ee, withModifiers as X, normalizeStyle as I, createElementVNode as F, createCommentVNode as G, renderSlot as ft, h, mergeModels as Y, useModel as z, useId as we, onUnmounted as De, withKeys as Ke, mergeProps as be, watchEffect as Ne, watch as re, useTemplateRef as Je, reactive as mt, onMounted as vt, onBeforeUnmount as pt } from "vue";
+import { provide as ce, inject as de, defineComponent as R, ref as O, computed as K, resolveComponent as U, createBlock as B, openBlock as C, unref as L, isRef as ve, withCtx as J, createVNode as D, createElementBlock as E, Fragment as Ve, renderList as Be, createTextVNode as Ce, toDisplayString as W, resolveDirective as le, withDirectives as ee, withModifiers as X, normalizeStyle as I, createElementVNode as F, createCommentVNode as G, renderSlot as ft, h, mergeModels as Y, useModel as z, useId as we, onUnmounted as De, withKeys as Ke, mergeProps as be, watchEffect as Ne, watch as re, useTemplateRef as Je, reactive as mt, onMounted as vt, onBeforeUnmount as pt } from "vue";
 import { useI18n as te } from "vue-i18n";
-import { useViewStack as Se, useColor as ie, eventBus as ue, useSystem as pe, openPromptDlg as yt, openNumberDlg as Re, injectDark as gt, injectLocale as ht } from "x-essential-lib";
-import { c as Ee, i as Ue, r as He, v as _t, d as kt } from "./vendor.f0ug048x.js";
+import { useViewStack as xe, useColor as ie, eventBus as ue, useSystem as pe, openPromptDlg as yt, openNumberDlg as Re, injectDark as gt, injectLocale as ht } from "x-essential-lib";
+import { c as Ee, i as Se, r as He, v as kt, d as _t } from "./vendor.f0ug048x.js";
 import { getPropDefault as q, pkgs as Fe, parsePixelStr as Vt, parsePercentStr as Ct } from "x-runtime-lib";
-import { globalState as St } from "x-state-lib";
-import { useDisplay as Ut } from "vuetify";
-import { XBlockly as xt } from "x-block-lib";
-const _e = (l, s) => {
-  let t = { key: "", name: "", children: l };
+import { globalState as xt } from "x-state-lib";
+import { useDisplay as St } from "vuetify";
+import { XBlockly as Ut } from "x-block-lib";
+const ke = (t, s) => {
+  let n = { key: "", name: "", children: t };
   return s.forEach((e) => {
     if (typeof e != "number") {
-      if (!t) {
+      if (!n) {
         console.assert(!1, `unpkgProp invalid prop keys=${s}`);
         return;
       }
-      if (t.ui) {
+      if (n.ui) {
         console.assert(!1, `unpkgProp prop ui must be invalid keys=${s}`);
         return;
       }
-      t = t.children.find((n) => n.key === e);
+      n = n.children.find((l) => l.key === e);
     }
-  }), t;
-}, me = (l, s) => {
-  let t = l;
+  }), n;
+}, me = (t, s) => {
+  let n = t;
   return s.forEach((e) => {
-    if (!t) {
+    if (!n) {
       console.assert(!1, `unpkgObject object must be valid keys=${s}`);
       return;
     }
-    t = t[e];
-  }), t;
-}, Oe = (l) => !(l instanceof Array), Me = (l) => l instanceof Array, $t = (l, s) => {
-  const t = (e, n) => {
-    if (e.ui !== n.ui || e.array !== n.array)
+    n = n[e];
+  }), n;
+}, Oe = (t) => !(t instanceof Array), Me = (t) => t instanceof Array, $t = (t, s) => {
+  const n = (e, l) => {
+    if (e.ui !== l.ui || e.array !== l.array)
       return !1;
-    if (e.ui || n.ui)
+    if (e.ui || l.ui)
       return !0;
-    if (e.children.length !== n.children.length)
+    if (e.children.length !== l.children.length)
       return !1;
     for (let o = 0; o < e.children.length; o++)
-      if (!t(e.children[o], n.children[o]))
+      if (!n(e.children[o], l.children[o]))
         return !1;
     return !0;
   };
-  return t(l, s);
-}, Ae = (l) => !(l instanceof Array), xe = (l) => l instanceof Array, Pt = [
+  return n(t, s);
+}, Ae = (t) => !(t instanceof Array), Ue = (t) => t instanceof Array, Pt = [
   ["basic", "id"],
   ["basic", "name"]
-], Mt = (l) => Pt.find((s) => Ue(l, s)), $e = (l, s, t, e, n, o, i) => (l = Ee(l), o !== void 0 ? (l.push(o), i && l.push(s.key)) : l.push(s.key), Mt(l) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && xe(e.children) ? bt(
-  l,
-  s,
+], Mt = (t) => Pt.find((s) => Se(t, s)), $e = (t, s, n, e, l, o, i) => (t = Ee(t), o !== void 0 ? (t.push(o), i && t.push(s.key)) : t.push(s.key), Mt(t) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && Ue(e.children) ? bt(
   t,
-  e,
+  s,
   n,
+  e,
+  l,
   o,
   i
-) : At(s, t, e, o, i) : s.array ? wt(
-  l,
-  s,
+) : At(s, n, e, o, i) : s.array ? wt(
   t,
-  e,
+  s,
   n,
+  e,
+  l,
   o,
   i
 ) : Dt(
-  l,
-  s,
   t,
-  e,
+  s,
   n,
+  e,
+  l,
   o,
   i
-)), wt = (l, s, t, e, n, o, i) => {
+)), wt = (t, s, n, e, l, o, i) => {
   if (s.ui)
     return console.assert(!1, "execPropBranchArray prop ui must be invalid"), !1;
   if (!s.array)
     return console.assert(!1, "execPropBranchArray prop array must be valid"), !1;
-  if (!e.children || !xe(e.children))
+  if (!e.children || !Ue(e.children))
     return console.assert(!1, "execPropBranchArray state children must be array"), !1;
-  let r;
-  o !== void 0 && !i ? (t[o] instanceof Array || (t[o] = q(s), n?.(l, t[o])), r = t[o]) : (t[s.key] instanceof Array || (t[s.key] = q(s), n?.(l, t[s.key])), r = t[s.key]), e.change = !1;
-  for (let u = 0; u < r.length; u++) {
+  let u;
+  o !== void 0 && !i ? (n[o] instanceof Array || (n[o] = q(s), l?.(t, n[o])), u = n[o]) : (n[s.key] instanceof Array || (n[s.key] = q(s), l?.(t, n[s.key])), u = n[s.key]), e.change = !1;
+  for (let r = 0; r < u.length; r++) {
     e.children.push({
       change: !1,
       children: {}
     });
-    const a = e.children[u];
+    const a = e.children[r];
     s.children.forEach((f) => {
       if (!a.children || !Ae(a.children)) {
         console.assert(!1);
@@ -95,149 +95,149 @@ const _e = (l, s) => {
         change: !1,
         children: f.array ? [] : {}
       }, $e(
-        l,
+        t,
         f,
-        r[u],
+        u[r],
         a.children[f.key],
-        n,
-        u,
+        l,
+        r,
         !0
       ) && (a.change = !0), a.change && (e.change = !0);
     });
   }
-  return e.change || (e.change = !Ue(r, q(s))), e.change;
-}, Dt = (l, s, t, e, n, o, i) => {
+  return e.change || (e.change = !Se(u, q(s))), e.change;
+}, Dt = (t, s, n, e, l, o, i) => {
   if (s.ui)
     return console.assert(!1, "execPropBranchScalar prop ui must be invalid"), !1;
   if (s.array)
     return console.assert(!1, "execPropBranchScalar prop array must be invalid"), !1;
   if (!e.children || !Ae(e.children))
     return console.assert(!1, "execPropBranchScalar state children must be map"), !1;
-  let r;
-  o !== void 0 && !i ? (t[o] || (t[o] = {}), r = t[o]) : (t[s.key] || (t[s.key] = {}), r = t[s.key]), e.change = !1;
-  for (let u = 0; u < s.children.length; u++) {
-    const a = s.children[u];
+  let u;
+  o !== void 0 && !i ? (n[o] || (n[o] = {}), u = n[o]) : (n[s.key] || (n[s.key] = {}), u = n[s.key]), e.change = !1;
+  for (let r = 0; r < s.children.length; r++) {
+    const a = s.children[r];
     e.children[a.key] = {
       change: !1,
       children: a.array ? [] : {}
-    }, $e(l, a, r, e.children[a.key], n) && (e.change = !0);
+    }, $e(t, a, u, e.children[a.key], l) && (e.change = !0);
   }
   return e.change;
-}, bt = (l, s, t, e, n, o, i) => {
+}, bt = (t, s, n, e, l, o, i) => {
   if (!s.ui)
     return console.assert(!1, "execPropLeafArray prop ui must be valid"), !1;
   if (!s.array)
     return console.assert(!1, "execPropLeafArray prop aray must be valid"), !1;
-  if (!e.children || !xe(e.children))
+  if (!e.children || !Ue(e.children))
     return console.assert(!1, "execPropLeafArray state children must be array"), !1;
-  let r;
-  o !== void 0 && !i ? (t[o] instanceof Array || (t[o] = q(s), n?.(l, t[o])), r = t[o]) : (t[s.key] instanceof Array || (t[s.key] = q(s), n?.(l, t[s.key])), r = t[s.key]), e.change = !1;
-  for (let u = 0; u < r.length; u++)
-    e.children[u] = {
+  let u;
+  o !== void 0 && !i ? (n[o] instanceof Array || (n[o] = q(s), l?.(t, n[o])), u = n[o]) : (n[s.key] instanceof Array || (n[s.key] = q(s), l?.(t, n[s.key])), u = n[s.key]), e.change = !1;
+  for (let r = 0; r < u.length; r++)
+    e.children[r] = {
       change: !1,
       children: {}
-    }, $e(l, s, r, e.children[u], n, u, !1) && (e.change = !0);
-  return e.change || (e.change = !Ue(r, q(s))), e.change;
-}, At = (l, s, t, e, n) => {
-  if (!l.ui)
+    }, $e(t, s, u, e.children[r], l, r, !1) && (e.change = !0);
+  return e.change || (e.change = !Se(u, q(s))), e.change;
+}, At = (t, s, n, e, l) => {
+  if (!t.ui)
     return console.assert(!1, "execPropLeafScalar prop ui must be valid"), !1;
   let o;
-  return e !== void 0 && !n ? o = s[e] : o = s[l.key], t.change = !Ue(o, q(l, !0)), t.change;
-}, qe = (l, s, t, e) => {
-  if (s.length <= 0 || !t) {
-    l.value = {};
+  return e !== void 0 && !l ? o = s[e] : o = s[t.key], n.change = !Se(o, q(t, !0)), n.change;
+}, qe = (t, s, n, e) => {
+  if (s.length <= 0 || !n) {
+    t.value = {};
     return;
   }
-  const n = {};
+  const l = {};
   s.forEach((o) => {
-    n[o.key] = {
+    l[o.key] = {
       change: !1,
       children: o.array ? [] : {}
-    }, $e([], o, t, n[o.key], e);
-  }), l.value = n;
-}, ae = (l, s) => {
-  let t = { change: !1, children: l };
+    }, $e([], o, n, l[o.key], e);
+  }), t.value = l;
+}, ae = (t, s) => {
+  let n = { change: !1, children: t };
   return s.forEach((e) => {
-    if (!t)
+    if (!n)
       return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
-    if (!t.children)
+    if (!n.children)
       return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
-    typeof e == "string" ? Ae(t.children) && (t = t.children[e]) : xe(t.children) && (t = t.children[e]);
-  }), t?.change ?? !1;
+    typeof e == "string" ? Ae(n.children) && (n = n.children[e]) : Ue(n.children) && (n = n.children[e]);
+  }), n?.change ?? !1;
 }, Xe = Symbol(), ze = Symbol(), Ge = Symbol(), Ye = Symbol(), We = Symbol(), Qe = Symbol();
-function Tt(l) {
-  ce(Xe, l);
+function Tt(t) {
+  ce(Xe, t);
 }
 function Te() {
   return de(Xe);
 }
-function Lt(l) {
-  ce(ze, l);
+function Lt(t) {
+  ce(ze, t);
 }
 function Nt() {
   return de(ze);
 }
-function Ot(l) {
-  ce(Ge, l);
+function Ot(t) {
+  ce(Ge, t);
 }
 function qt() {
   return de(Ge);
 }
-function Bt(l) {
-  ce(Ye, l);
+function Bt(t) {
+  ce(Ye, t);
 }
 function Kt() {
   return de(Ye);
 }
-function Jt(l) {
-  ce(We, l);
+function Jt(t) {
+  ce(We, t);
 }
 function Rt() {
   return de(We);
 }
-function Et(l) {
-  ce(Qe, l);
+function Et(t) {
+  ce(Qe, t);
 }
 function Ze() {
   return de(Qe);
 }
 const Ht = /* @__PURE__ */ R({
   __name: "menu",
-  setup(l) {
-    const { t: s } = te(), t = Nt(), e = qt(), n = Kt(), o = Rt(), i = O(0), r = O(0), u = O([]), a = K(() => [i.value, r.value]), f = (P) => {
-      const T = () => !(u.value.length <= 0 || !ae(n.value, u.value)), w = () => {
-        const _ = _e(t.value, u.value);
-        if (_)
-          if (_.ui) {
-            const M = me(e.value, u.value.slice(0, -1));
+  setup(t) {
+    const { t: s } = te(), n = Nt(), e = qt(), l = Kt(), o = Rt(), i = O(0), u = O(0), r = O([]), a = K(() => [i.value, u.value]), f = (P) => {
+      const T = () => !(r.value.length <= 0 || !ae(l.value, r.value)), w = () => {
+        const k = ke(n.value, r.value);
+        if (k)
+          if (k.ui) {
+            const M = me(e.value, r.value.slice(0, -1));
             if (!M)
               return;
-            M[u.value[u.value.length - 1]] = q(_), o(u.value, M[u.value[u.value.length - 1]]);
-          } else if (_.array) {
-            const M = u.value[u.value.length - 1];
+            M[r.value[r.value.length - 1]] = q(k), o(r.value, M[r.value[r.value.length - 1]]);
+          } else if (k.array) {
+            const M = r.value[r.value.length - 1];
             if (M === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
             if (typeof M == "string") {
-              const N = me(e.value, u.value.slice(0, -1));
+              const N = me(e.value, r.value.slice(0, -1));
               if (!N)
                 return;
-              N[u.value[u.value.length - 1]] = q(_), o(u.value, N[u.value[u.value.length - 1]]);
+              N[r.value[r.value.length - 1]] = q(k), o(r.value, N[r.value[r.value.length - 1]]);
             } else {
-              const N = me(e.value, u.value);
+              const N = me(e.value, r.value);
               if (!N)
                 return;
-              _.children.forEach((Q) => {
-                N[Q.key] = q(_), o([...u.value, Q.key], N[Q.key]);
+              k.children.forEach((Q) => {
+                N[Q.key] = q(k), o([...r.value, Q.key], N[Q.key]);
               });
             }
           } else {
-            const M = me(e.value, u.value);
+            const M = me(e.value, r.value);
             if (!M)
               return;
-            _.children.forEach((N) => {
-              M[N.key] = q(_), o([...u.value, N.key], M[N.key]);
+            k.children.forEach((N) => {
+              M[N.key] = q(k), o([...r.value, N.key], M[N.key]);
             });
           }
       };
@@ -247,8 +247,8 @@ const Ht = /* @__PURE__ */ R({
       });
     }, d = (P) => {
       const T = () => {
-        const w = _e(t.value, u.value), _ = me(e.value, u.value);
-        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: w, object: _ }));
+        const w = ke(n.value, r.value), k = me(e.value, r.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: w, object: k }));
       };
       P.push({
         title: s("x-prop-tree.copy"),
@@ -256,11 +256,11 @@ const Ht = /* @__PURE__ */ R({
       });
     }, y = (P) => {
       const T = () => {
-        const _ = localStorage.getItem("propTreeCopy");
-        if (!_)
+        const k = localStorage.getItem("propTreeCopy");
+        if (!k)
           return !1;
         try {
-          const { prop: M } = JSON.parse(_), N = _e(t.value, u.value);
+          const { prop: M } = JSON.parse(k), N = ke(n.value, r.value);
           return $t(M, N);
         } catch (M) {
           console.error(M);
@@ -269,10 +269,10 @@ const Ht = /* @__PURE__ */ R({
       }, w = () => {
         if (!T())
           return;
-        const _ = localStorage.getItem("propTreeCopy");
-        if (_)
+        const k = localStorage.getItem("propTreeCopy");
+        if (k)
           try {
-            const { object: M } = JSON.parse(_), N = _e(t.value, u.value);
+            const { object: M } = JSON.parse(k), N = ke(n.value, r.value);
             console.log(M, N);
           } catch (M) {
             console.error(M);
@@ -285,14 +285,14 @@ const Ht = /* @__PURE__ */ R({
     }, g = K(() => {
       const P = [];
       return f(P), d(P), y(P), P;
-    }), k = (P) => {
-      i.value = P.x, r.value = P.y, u.value = P.keys;
-    }, { open: S } = Se("propTreeMenu", k);
+    }), V = (P) => {
+      i.value = P.x, u.value = P.y, r.value = P.keys;
+    }, { open: x } = xe("propTreeMenu", V);
     return (P, T) => {
-      const w = x("v-list-item-title"), _ = x("v-list-item"), M = x("v-list"), N = x("v-menu");
+      const w = U("v-list-item-title"), k = U("v-list-item"), M = U("v-list"), N = U("v-menu");
       return C(), B(N, {
-        modelValue: L(S),
-        "onUpdate:modelValue": T[0] || (T[0] = (Q) => ve(S) ? S.value = Q : null),
+        modelValue: L(x),
+        "onUpdate:modelValue": T[0] || (T[0] = (Q) => ve(x) ? x.value = Q : null),
         "location-strategy": "connected",
         scrim: "transparent",
         target: a.value
@@ -300,7 +300,7 @@ const Ht = /* @__PURE__ */ R({
         default: J(() => [
           D(M, null, {
             default: J(() => [
-              (C(!0), E(Ve, null, Be(g.value, (Q, Pe) => (C(), B(_, {
+              (C(!0), E(Ve, null, Be(g.value, (Q, Pe) => (C(), B(k, {
                 key: Pe,
                 link: "",
                 onClick: Q.func
@@ -323,7 +323,7 @@ const Ht = /* @__PURE__ */ R({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Ft = { style: { pointerEvents: "none" } }, ke = /* @__PURE__ */ R({
+}), Ft = { style: { pointerEvents: "none" } }, _e = /* @__PURE__ */ R({
   __name: "title",
   props: {
     title: {},
@@ -333,51 +333,51 @@ const Ht = /* @__PURE__ */ R({
     index: { default: 0 }
   },
   emits: ["collapse", "menu", "create", "delete"],
-  setup(l, { emit: s }) {
-    const { backgroundColor2: t, highlightColor: e } = ie(), n = s, o = O(!1), i = K(() => ({
-      background: o.value ? e.value : t.value,
+  setup(t, { emit: s }) {
+    const { backgroundColor2: n, highlightColor: e } = ie(), l = s, o = O(!1), i = K(() => ({
+      background: o.value ? e.value : n.value,
       height: "36px",
       marginBottom: "1px",
       userSelect: "none"
-    })), r = () => {
-      n("collapse", !l.collapse);
-    }, u = (a) => {
-      n("menu", a.clientX, a.clientY);
+    })), u = () => {
+      l("collapse", !t.collapse);
+    }, r = (a) => {
+      l("menu", a.clientX, a.clientY);
     };
     return (a, f) => {
-      const d = x("v-icon"), y = x("v-spacer"), g = x("v-btn"), k = le("ripple");
+      const d = U("v-icon"), y = U("v-spacer"), g = U("v-btn"), V = le("ripple");
       return ee((C(), E("div", {
         class: "d-flex align-center cursor-pointer",
         style: I(i.value),
-        onClick: r,
-        onContextmenu: X(u, ["self", "prevent"]),
-        onMouseout: f[2] || (f[2] = (S) => o.value = !1),
-        onMouseover: f[3] || (f[3] = (S) => o.value = !0)
+        onClick: u,
+        onContextmenu: X(r, ["self", "prevent"]),
+        onMouseout: f[2] || (f[2] = (x) => o.value = !1),
+        onMouseover: f[3] || (f[3] = (x) => o.value = !0)
       }, [
         D(d, {
           class: "mr-1",
-          icon: a.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
+          icon: t.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
         }, null, 8, ["icon"]),
-        F("span", Ft, W(a.title), 1),
+        F("span", Ft, W(t.title), 1),
         D(y),
-        a.hasCreate ? (C(), B(g, {
+        t.hasCreate ? (C(), B(g, {
           key: 0,
           class: "mx-3",
           density: "compact",
           icon: "mdi-plus",
           variant: "text",
-          onClick: f[0] || (f[0] = X((S) => n("create"), ["stop"]))
+          onClick: f[0] || (f[0] = X((x) => l("create"), ["stop"]))
         })) : G("", !0),
-        a.hasDelete ? (C(), B(g, {
+        t.hasDelete ? (C(), B(g, {
           key: 1,
           class: "mx-3",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: f[1] || (f[1] = X((S) => n("delete", a.index), ["stop"]))
+          onClick: f[1] || (f[1] = X((x) => l("delete", t.index), ["stop"]))
         })) : G("", !0)
       ], 36)), [
-        [k]
+        [V]
       ]);
     };
   }
@@ -387,38 +387,38 @@ const Ht = /* @__PURE__ */ R({
     minHeight: {}
   },
   emits: ["menu"],
-  setup(l, { emit: s }) {
-    const { backgroundColor2: t, highlightColor: e } = ie(), n = s, o = O(!1), i = K(() => ({
-      background: o.value ? e.value : t.value,
-      minHeight: l.minHeight,
+  setup(t, { emit: s }) {
+    const { backgroundColor2: n, highlightColor: e } = ie(), l = s, o = O(!1), i = K(() => ({
+      background: o.value ? e.value : n.value,
+      minHeight: t.minHeight,
       paddingRight: "4px",
       marginBottom: "1px",
       userSelect: "none"
-    })), r = (u) => {
-      n("menu", u.clientX, u.clientY);
+    })), u = (r) => {
+      l("menu", r.clientX, r.clientY);
     };
-    return (u, a) => {
+    return (r, a) => {
       const f = le("ripple");
       return ee((C(), E("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
         style: I(i.value),
-        onContextmenu: X(r, ["self", "prevent"]),
+        onContextmenu: X(u, ["self", "prevent"]),
         onMouseout: a[0] || (a[0] = (d) => o.value = !1),
         onMouseover: a[1] || (a[1] = (d) => o.value = !0)
       }, [
-        ft(u.$slots, "default")
+        ft(r.$slots, "default")
       ], 36)), [
         [f]
       ]);
     };
   }
 });
-function zt(l, s, t) {
+function zt(t, s, n) {
   const { t: e } = te();
-  return { renderProp: (o, i, r) => {
-    const u = o[o.length - 1];
-    let f = typeof u == "number" ? `[${u + 1}]` : e(i.name);
-    return ae(l.value, o) && (f += " *"), h(
+  return { renderProp: (o, i, u) => {
+    const r = o[o.length - 1];
+    let f = typeof r == "number" ? `[${r + 1}]` : e(i.name);
+    return ae(t.value, o) && (f += " *"), h(
       Xt,
       {
         minHeight: s.value,
@@ -431,48 +431,48 @@ function zt(l, s, t) {
           style: { marginLeft: "4px", pointerEvents: "none" },
           innerHTML: f
         }),
-        h("div", { style: { width: t.value } }, r)
+        h("div", { style: { width: n.value } }, u)
       ]
     );
   } };
 }
-const ne = (l, s, t, e, n, o) => {
-  if (n !== void 0)
+const ne = (t, s, n, e, l, o) => {
+  if (l !== void 0)
     if (o) {
-      if (t[s.key] === void 0) {
+      if (n[s.key] === void 0) {
         const i = q(s);
-        i !== void 0 && (t[s.key] = i, e(l, t[s.key]));
+        i !== void 0 && (n[s.key] = i, e(t, n[s.key]));
       }
-      return t[s.key];
+      return n[s.key];
     } else {
-      if (t[n] === void 0) {
+      if (n[l] === void 0) {
         const i = q(s, !0);
-        i !== void 0 && (t[n] = i, e(l, t[n]));
+        i !== void 0 && (n[l] = i, e(t, n[l]));
       }
-      return t[n];
+      return n[l];
     }
   else {
-    if (t[s.key] === void 0) {
+    if (n[s.key] === void 0) {
       const i = q(s);
-      i !== void 0 && (t[s.key] = i, e(l, t[s.key]));
+      i !== void 0 && (n[s.key] = i, e(t, n[s.key]));
     }
-    return t[s.key];
+    return n[s.key];
   }
-}, oe = (l, s, t, e, n, o, i) => {
+}, oe = (t, s, n, e, l, o, i) => {
   if (o !== void 0)
-    i ? e !== t[s.key] && (t[s.key] = e, n(l, t[s.key])) : e !== t[o] && (t[o] = e, n(l, t[o]));
+    i ? e !== n[s.key] && (n[s.key] = e, l(t, n[s.key])) : e !== n[o] && (n[o] = e, l(t, n[o]));
   else {
-    let r = e;
-    (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "compSelect") && (e || (r = void 0)), r !== t[s.key] && (t[s.key] = r, n(l, t[s.key]));
+    let u = e;
+    (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "compSelect") && (e || (u = void 0)), u !== n[s.key] && (n[s.key] = u, l(t, n[s.key]));
   }
 };
-function Gt(l) {
-  return { renderUiDummy: (t, e, n, o, i) => {
+function Gt(t) {
+  return { renderUiDummy: (n, e, l, o, i) => {
     if (e.ui !== "dummy") {
       console.assert(!1, "renderUiDummy prop ui must be dummy");
       return;
     }
-    ne(t, e, n, l, o, i);
+    ne(n, e, l, t, o, i);
   } };
 }
 const Yt = { class: "d-flex justify-space-between align-center" }, Wt = /* @__PURE__ */ R({
@@ -485,25 +485,25 @@ const Yt = { class: "d-flex justify-space-between align-center" }, Wt = /* @__PU
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
-  setup(l, { emit: s }) {
-    const { isMobile: t } = pe(), e = z(l, "modelValue"), n = s, o = async (i) => {
-      if (!i || l.readonly || !t())
+  setup(t, { emit: s }) {
+    const { isMobile: n } = pe(), e = z(t, "modelValue"), l = s, o = async (i) => {
+      if (!i || t.readonly || !n())
         return;
-      const r = await yt({
+      const u = await yt({
         title: "",
         value: e.value
       });
-      r !== void 0 && (e.value = r);
+      u !== void 0 && (e.value = u);
     };
-    return (i, r) => {
-      const u = x("v-text-field"), a = x("v-btn"), f = le("ripple");
+    return (i, u) => {
+      const r = U("v-text-field"), a = U("v-btn"), f = le("ripple");
       return C(), E("div", Yt, [
-        ee(D(u, {
+        ee(D(r, {
           modelValue: e.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (d) => e.value = d),
+          "onUpdate:modelValue": u[0] || (u[0] = (d) => e.value = d),
           density: "compact",
           "hide-details": "",
-          readonly: i.readonly,
+          readonly: t.readonly,
           "single-line": "",
           "onUpdate:focused": o
         }, null, 8, ["modelValue", "readonly"]), [
@@ -514,42 +514,42 @@ const Yt = { class: "d-flex justify-space-between align-center" }, Wt = /* @__PU
             { stop: !0 }
           ]
         ]),
-        i.hasDelete ? (C(), B(a, {
+        t.hasDelete ? (C(), B(a, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: r[1] || (r[1] = X((d) => n("delete"), ["stop"]))
+          onClick: u[1] || (u[1] = X((d) => l("delete"), ["stop"]))
         })) : G("", !0)
       ]);
     };
   }
 });
-function Qt(l) {
-  return { renderUiStrInput: (t, e, n, o, i) => e.ui !== "strInput" ? (console.assert(!1), h("div", "renderUiStrInput prop ui must be strInput")) : h(Wt, {
+function Qt(t) {
+  return { renderUiStrInput: (n, e, l, o, i) => e.ui !== "strInput" ? (console.assert(!1), h("div", "renderUiStrInput prop ui must be strInput")) : h(Wt, {
     modelValue: e.static ? e.value : ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ),
-    "onUpdate:modelValue": (r) => {
+    "onUpdate:modelValue": (u) => {
       e.static || oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        u,
+        t,
         o,
         i
       );
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), l(t.slice(0, -1), n));
+      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, -1), l));
     },
     readonly: e.static || e.readonly
   }) };
@@ -569,35 +569,35 @@ const Zt = { class: "d-flex justify-space-between align-center" }, jt = /* @__PU
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
-  setup(l, { emit: s }) {
-    const { isMobile: t } = pe(), e = z(l, "modelValue"), n = s, o = async (i) => {
-      if (!i || l.readonly || !t())
+  setup(t, { emit: s }) {
+    const { isMobile: n } = pe(), e = z(t, "modelValue"), l = s, o = async (i) => {
+      if (!i || t.readonly || !n())
         return;
-      const r = await Re({
+      const u = await Re({
         title: "",
         value: e.value,
-        precision: l.precision,
-        min: l.min,
-        max: l.max,
-        step: l.step
+        precision: t.precision,
+        min: t.min,
+        max: t.max,
+        step: t.step
       });
-      r !== void 0 && (e.value = r);
+      u !== void 0 && (e.value = u);
     };
-    return (i, r) => {
-      const u = x("v-number-input"), a = x("v-btn"), f = le("ripple");
+    return (i, u) => {
+      const r = U("v-number-input"), a = U("v-btn"), f = le("ripple");
       return C(), E("div", Zt, [
-        ee(D(u, {
+        ee(D(r, {
           modelValue: e.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (d) => e.value = d),
+          "onUpdate:modelValue": u[0] || (u[0] = (d) => e.value = d),
           "control-variant": "stacked",
           density: "compact",
           "hide-details": "",
-          max: i.max,
-          min: i.min,
-          precision: i.precision,
-          readonly: i.readonly,
+          max: t.max,
+          min: t.min,
+          precision: t.precision,
+          readonly: t.readonly,
           "single-line": "",
-          step: i.step,
+          step: t.step,
           "onUpdate:focused": o
         }, null, 8, ["modelValue", "max", "min", "precision", "readonly", "step"]), [
           [
@@ -607,42 +607,42 @@ const Zt = { class: "d-flex justify-space-between align-center" }, jt = /* @__PU
             { stop: !0 }
           ]
         ]),
-        i.hasDelete ? (C(), B(a, {
+        t.hasDelete ? (C(), B(a, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: r[1] || (r[1] = X((d) => n("delete"), ["stop"]))
+          onClick: u[1] || (u[1] = X((d) => l("delete"), ["stop"]))
         })) : G("", !0)
       ]);
     };
   }
 });
-function It(l) {
-  return { renderUiNumInput: (t, e, n, o, i) => e.ui !== "numInput" ? (console.assert(!1), h("div", "renderUiNumInput prop ui must be numInput")) : h(jt, {
+function It(t) {
+  return { renderUiNumInput: (n, e, l, o, i) => e.ui !== "numInput" ? (console.assert(!1), h("div", "renderUiNumInput prop ui must be numInput")) : h(jt, {
     modelValue: ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ),
-    "onUpdate:modelValue": (r) => {
+    "onUpdate:modelValue": (u) => {
       oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        u,
+        t,
         o,
         i
       );
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), l(t.slice(0, -1), n));
+      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, -1), l));
     },
     precision: e.precision,
     min: e.min,
@@ -661,56 +661,56 @@ const en = { class: "d-flex justify-space-between align-center" }, tn = /* @__PU
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
-  setup(l, { emit: s }) {
-    const t = z(l, "modelValue"), e = s;
-    return (n, o) => {
-      const i = x("v-switch"), r = x("v-btn");
+  setup(t, { emit: s }) {
+    const n = z(t, "modelValue"), e = s;
+    return (l, o) => {
+      const i = U("v-switch"), u = U("v-btn");
       return C(), E("div", en, [
         D(i, {
-          modelValue: t.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (u) => t.value = u),
+          modelValue: n.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (r) => n.value = r),
           class: "ml-1",
           color: "primary",
           density: "compact",
           "hide-details": "",
-          readonly: n.readonly
+          readonly: t.readonly
         }, null, 8, ["modelValue", "readonly"]),
-        n.hasDelete ? (C(), B(r, {
+        t.hasDelete ? (C(), B(u, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: o[1] || (o[1] = X((u) => e("delete"), ["stop"]))
+          onClick: o[1] || (o[1] = X((r) => e("delete"), ["stop"]))
         })) : G("", !0)
       ]);
     };
   }
 });
-function nn(l) {
-  return { renderUiSwitch: (t, e, n, o, i) => e.ui !== "switch" ? (console.assert(!1), h("div", "renderUiSwitch prop ui must be switch")) : h(tn, {
+function nn(t) {
+  return { renderUiSwitch: (n, e, l, o, i) => e.ui !== "switch" ? (console.assert(!1), h("div", "renderUiSwitch prop ui must be switch")) : h(tn, {
     modelValue: ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ) ?? !1,
-    "onUpdate:modelValue": (r) => {
+    "onUpdate:modelValue": (u) => {
       oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        u,
+        t,
         o,
         i
       );
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), l(t.slice(0, 1), n));
+      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, 1), l));
     },
     readonly: e.readonly
   }) };
@@ -726,23 +726,23 @@ const ln = { class: "d-flex justify-space-between align-center" }, on = /* @__PU
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
-  setup(l, { emit: s }) {
-    const { t } = te(), e = z(l, "modelValue"), n = s, o = Te(), i = K(() => {
-      const r = [];
-      return Fe[o.value]?.items[l.items].forEach(({ title: u, value: a }) => {
-        r.push({ title: t(u), value: a });
-      }), r;
+  setup(t, { emit: s }) {
+    const { t: n } = te(), e = z(t, "modelValue"), l = s, o = Te(), i = K(() => {
+      const u = [];
+      return Fe[o.value]?.items[t.items].forEach(({ title: r, value: a }) => {
+        u.push({ title: n(r), value: a });
+      }), u;
     });
-    return (r, u) => {
-      const a = x("v-select"), f = x("v-btn"), d = le("ripple");
+    return (u, r) => {
+      const a = U("v-select"), f = U("v-btn"), d = le("ripple");
       return C(), E("div", ln, [
         ee(D(a, {
           modelValue: e.value,
-          "onUpdate:modelValue": u[0] || (u[0] = (y) => e.value = y),
+          "onUpdate:modelValue": r[0] || (r[0] = (y) => e.value = y),
           density: "compact",
           "hide-details": "",
           items: i.value,
-          readonly: r.readonly,
+          readonly: t.readonly,
           "single-line": ""
         }, null, 8, ["modelValue", "items", "readonly"]), [
           [
@@ -752,42 +752,42 @@ const ln = { class: "d-flex justify-space-between align-center" }, on = /* @__PU
             { stop: !0 }
           ]
         ]),
-        r.hasDelete ? (C(), B(f, {
+        t.hasDelete ? (C(), B(f, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: u[1] || (u[1] = X((y) => n("delete"), ["stop"]))
+          onClick: r[1] || (r[1] = X((y) => l("delete"), ["stop"]))
         })) : G("", !0)
       ]);
     };
   }
 });
-function sn(l) {
-  return { renderUiSelect: (t, e, n, o, i) => e.ui !== "select" ? (console.assert(!1), h("div", "renderUiSelect prop ui must be select")) : h(on, {
+function sn(t) {
+  return { renderUiSelect: (n, e, l, o, i) => e.ui !== "select" ? (console.assert(!1), h("div", "renderUiSelect prop ui must be select")) : h(on, {
     modelValue: ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ) ?? "",
-    "onUpdate:modelValue": (r) => {
+    "onUpdate:modelValue": (u) => {
       oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        u,
+        t,
         o,
         i
       );
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), l(t.slice(0, -1), n));
+      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, -1), l));
     },
     items: e.items,
     readonly: e.readonly
@@ -802,28 +802,28 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
     count: {}
   },
   emits: ["x-click"],
-  setup(l, { emit: s }) {
-    const { backgroundColor2: t, highlightColor: e } = ie(), n = l, o = s, i = O(!1), r = K(() => ({
-      background: i.value ? e.value : t.value,
+  setup(t, { emit: s }) {
+    const { backgroundColor2: n, highlightColor: e } = ie(), l = t, o = s, i = O(!1), u = K(() => ({
+      background: i.value ? e.value : n.value,
       height: "30px",
       marginBottom: "1px",
       userSelect: "none"
     }));
-    return (u, a) => {
-      const f = x("v-icon"), d = le("ripple");
+    return (r, a) => {
+      const f = U("v-icon"), d = le("ripple");
       return ee((C(), E("div", {
         class: "d-flex align-center cursor-pointer",
-        style: I(r.value),
-        onClick: a[0] || (a[0] = (y) => o("x-click", n.id)),
+        style: I(u.value),
+        onClick: a[0] || (a[0] = (y) => o("x-click", l.id)),
         onMouseout: a[1] || (a[1] = (y) => i.value = !1),
         onMouseover: a[2] || (a[2] = (y) => i.value = !0)
       }, [
         D(f, {
-          icon: n.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
+          icon: l.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
           size: "small"
         }, null, 8, ["icon"]),
-        F("span", rn, W(n.title), 1),
-        F("span", un, W(n.count), 1)
+        F("span", rn, W(l.title), 1),
+        F("span", un, W(l.count), 1)
       ], 36)), [
         [d]
       ]);
@@ -836,23 +836,23 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
     title: {}
   },
   emits: ["x-click"],
-  setup(l, { emit: s }) {
-    const { backgroundColor2: t, highlightColor: e } = ie(), n = l, o = s, i = O(!1), r = K(() => ({
-      background: i.value ? e.value : t.value,
+  setup(t, { emit: s }) {
+    const { backgroundColor2: n, highlightColor: e } = ie(), l = t, o = s, i = O(!1), u = K(() => ({
+      background: i.value ? e.value : n.value,
       height: "48px",
       marginBottom: "1px",
       userSelect: "none"
     }));
-    return (u, a) => {
+    return (r, a) => {
       const f = le("ripple");
       return ee((C(), E("div", {
         class: "d-flex align-center cursor-pointer",
-        style: I(r.value),
-        onClick: a[0] || (a[0] = (d) => o("x-click", n.id)),
+        style: I(u.value),
+        onClick: a[0] || (a[0] = (d) => o("x-click", l.id)),
         onMouseout: a[1] || (a[1] = (d) => i.value = !1),
         onMouseover: a[2] || (a[2] = (d) => i.value = !0)
       }, [
-        F("span", cn, W(n.title), 1)
+        F("span", cn, W(l.title), 1)
       ], 36)), [
         [f]
       ]);
@@ -870,15 +870,15 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
     openModifiers: {}
   },
   emits: ["update:modelValue", "update:open"],
-  setup(l) {
-    const { t: s } = te(), t = z(l, "modelValue"), e = z(l, "open"), n = Ze(), o = (r) => {
-      const u = He(n, r);
-      u && _t(n, r, !u.collapse);
-    }, i = (r) => {
-      t.value = r, e.value = !1, ue.emit("refreshDepends");
+  setup(t) {
+    const { t: s } = te(), n = z(t, "modelValue"), e = z(t, "open"), l = Ze(), o = (u) => {
+      const r = He(l, u);
+      r && kt(l, u, !r.collapse);
+    }, i = (u) => {
+      n.value = u, e.value = !1, ue.emit("refreshDepends");
     };
-    return (r, u) => L(n).length > 0 ? (C(), E("div", fn, [
-      (C(!0), E(Ve, null, Be(L(n), (a) => (C(), E(Ve, {
+    return (u, r) => L(l).length > 0 ? (C(), E("div", fn, [
+      (C(!0), E(Ve, null, Be(L(l), (a) => (C(), E(Ve, {
         key: a.id
       }, [
         a.type === 0 ? (C(), B(an, {
@@ -905,15 +905,15 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(l) {
-    const { t: s } = te(), t = Ut(), { sysBarAvail: e } = pe(), { backgroundColor1: n } = ie(), o = z(l, "modelValue"), i = Ze(), r = K(() => {
+  setup(t) {
+    const { t: s } = te(), n = St(), { sysBarAvail: e } = pe(), { backgroundColor1: l } = ie(), o = z(t, "modelValue"), i = Ze(), u = K(() => {
       let y = "100%";
-      return t.mdAndUp.value && (y = "400px"), {
-        background: n.value,
+      return n.mdAndUp.value && (y = "400px"), {
+        background: l.value,
         width: y,
         height: "100%"
       };
-    }), u = K(() => {
+    }), r = K(() => {
       let y = 48;
       return e.value && (y += 24), {
         position: "relative",
@@ -926,11 +926,11 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
         return s("x-runtime-lib.notSet");
       const y = He(i, o.value);
       return y ? y.name : s("x-runtime-lib.compNotAvail");
-    }), { open: d } = Se(`propTreeCompSelectDlg${we()}`);
+    }), { open: d } = xe(`propTreeCompSelectDlg${we()}`);
     return De(() => {
       d.value = !1;
     }), (y, g) => {
-      const k = x("v-btn"), S = x("v-sheet"), P = x("v-icon"), T = x("v-dialog");
+      const V = U("v-btn"), x = U("v-sheet"), P = U("v-icon"), T = U("v-dialog");
       return C(), B(T, {
         modelValue: L(d),
         "onUpdate:modelValue": g[5] || (g[5] = (w) => ve(d) ? d.value = w : null),
@@ -941,7 +941,7 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
         onKeydown: g[6] || (g[6] = Ke(X((w) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: J(({ props: w }) => [
-          D(k, be(w, {
+          D(V, be(w, {
             block: "",
             density: "comfortable"
           }), {
@@ -959,14 +959,14 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
           }, [
             F("div", {
               class: "elevation-2",
-              style: I(r.value)
+              style: I(u.value)
             }, [
-              L(e) ? (C(), B(S, {
+              L(e) ? (C(), B(x, {
                 key: 0,
                 color: "transparent",
                 height: 24
               })) : G("", !0),
-              D(S, {
+              D(x, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
@@ -982,7 +982,7 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
               }),
               F("div", {
                 class: "overflow-y-auto",
-                style: I(u.value)
+                style: I(r.value)
               }, [
                 D(vn, {
                   modelValue: o.value,
@@ -1002,30 +1002,30 @@ const rn = { class: "text-subtitle-2 ml-1" }, un = { class: "text-caption text-g
     };
   }
 });
-function gn(l) {
-  return { renderUiCompSelect: (t, e, n, o, i) => e.ui !== "compSelect" ? (console.assert(!1), h("div", "renderUiCompSelect prop ui must be compSelect")) : h(yn, {
+function gn(t) {
+  return { renderUiCompSelect: (n, e, l, o, i) => e.ui !== "compSelect" ? (console.assert(!1), h("div", "renderUiCompSelect prop ui must be compSelect")) : h(yn, {
     modelValue: ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ),
-    "onUpdate:modelValue": (r) => {
+    "onUpdate:modelValue": (u) => {
       oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        u,
+        t,
         o,
         i
       );
     }
   }) };
 }
-const hn = { class: "d-flex justify-space-between align-center" }, _n = /* @__PURE__ */ R({
+const hn = { class: "d-flex justify-space-between align-center" }, kn = /* @__PURE__ */ R({
   __name: "colorPicker",
   props: /* @__PURE__ */ Y({
     hasDelete: { type: Boolean, default: !1 },
@@ -1035,20 +1035,20 @@ const hn = { class: "d-flex justify-space-between align-center" }, _n = /* @__PU
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
-  setup(l, { emit: s }) {
-    const { t } = te(), e = z(l, "modelValue"), n = s, o = K(() => {
-      let u = "100%";
-      return l.hasDelete && (u = "calc(100% - 37px)"), {
-        width: u
+  setup(t, { emit: s }) {
+    const { t: n } = te(), e = z(t, "modelValue"), l = s, o = K(() => {
+      let r = "100%";
+      return t.hasDelete && (r = "calc(100% - 37px)"), {
+        width: r
       };
-    }), i = K(() => l.readonly), { open: r } = Se(`propTreeColorPickerMenu${we()}`);
+    }), i = K(() => t.readonly), { open: u } = xe(`propTreeColorPickerMenu${we()}`);
     return De(() => {
-      r.value = !1;
-    }), (u, a) => {
-      const f = x("v-btn"), d = x("v-color-picker"), y = x("v-menu");
+      u.value = !1;
+    }), (r, a) => {
+      const f = U("v-btn"), d = U("v-color-picker"), y = U("v-menu");
       return C(), B(y, {
-        modelValue: L(r),
-        "onUpdate:modelValue": a[2] || (a[2] = (g) => ve(r) ? r.value = g : null),
+        modelValue: L(u),
+        "onUpdate:modelValue": a[2] || (a[2] = (g) => ve(u) ? u.value = g : null),
         "close-on-content-click": !1,
         scrim: "transparent"
       }, {
@@ -1065,18 +1065,18 @@ const hn = { class: "d-flex justify-space-between align-center" }, _n = /* @__PU
                 disabled: i.value
               }), {
                 default: J(() => [
-                  Ce(W(e.value ? e.value : L(t)("x-runtime-lib.notSet")), 1)
+                  Ce(W(e.value ? e.value : L(n)("x-runtime-lib.notSet")), 1)
                 ]),
                 _: 1
               }, 16, ["color", "disabled"])
             ], 4),
-            u.hasDelete ? (C(), B(f, {
+            t.hasDelete ? (C(), B(f, {
               key: 0,
               class: "mx-2",
               density: "compact",
               icon: "mdi-minus",
               variant: "text",
-              onClick: a[0] || (a[0] = X((k) => n("delete"), ["stop"]))
+              onClick: a[0] || (a[0] = X((V) => l("delete"), ["stop"]))
             })) : G("", !0)
           ])
         ]),
@@ -1094,35 +1094,35 @@ const hn = { class: "d-flex justify-space-between align-center" }, _n = /* @__PU
     };
   }
 });
-function kn(l) {
-  return { renderUiColorPicker: (t, e, n, o, i) => e.ui !== "colorPicker" ? (console.assert(!1), h("div", "renderUiColorPicker prop ui must be colorPicker")) : h(_n, {
+function _n(t) {
+  return { renderUiColorPicker: (n, e, l, o, i) => e.ui !== "colorPicker" ? (console.assert(!1), h("div", "renderUiColorPicker prop ui must be colorPicker")) : h(kn, {
     modelValue: ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ),
-    "onUpdate:modelValue": (r) => {
+    "onUpdate:modelValue": (u) => {
       oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        u,
+        t,
         o,
         i
       );
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), l(t.slice(0, -1), n));
+      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, -1), l));
     },
     readonly: e.readonly
   }) };
 }
-const Vn = { class: "d-flex justify-space-between align-center my-2" }, Cn = { class: "flex-grow-1" }, Sn = /* @__PURE__ */ R({
+const Vn = { class: "d-flex justify-space-between align-center my-2" }, Cn = { class: "flex-grow-1" }, xn = /* @__PURE__ */ R({
   __name: "multiTypes",
   props: /* @__PURE__ */ Y({
     hasDelete: { type: Boolean, default: !1 },
@@ -1132,25 +1132,25 @@ const Vn = { class: "d-flex justify-space-between align-center my-2" }, Cn = { c
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
-  setup(l, { emit: s }) {
-    const { t } = te(), { isMobile: e } = pe(), n = z(l, "modelValue"), o = s, i = Te(), r = K(() => Fe[i.value]?.types[l.types]), u = O(0), a = K(() => {
-      const k = [];
-      return r.value?.forEach(({ title: S }, P) => {
-        k.push({
-          title: t(S),
+  setup(t, { emit: s }) {
+    const { t: n } = te(), { isMobile: e } = pe(), l = z(t, "modelValue"), o = s, i = Te(), u = K(() => Fe[i.value]?.types[t.types]), r = O(0), a = K(() => {
+      const V = [];
+      return u.value?.forEach(({ title: x }, P) => {
+        V.push({
+          title: n(x),
           value: P
         });
-      }), k;
+      }), V;
     });
     Ne(() => {
-      r.value?.some((k, S) => k.validator(n.value) ? (u.value = S, !0) : !1);
+      u.value?.some((V, x) => V.validator(l.value) ? (r.value = x, !0) : !1);
     });
-    const f = K(() => r.value?.[u.value]), d = () => {
-      n.value = f.value?.default;
-    }, y = O(0), g = async (k) => {
-      if (!k || !e() || f.value.ui !== "pixelInput" && f.value.ui !== "percentInput")
+    const f = K(() => u.value?.[r.value]), d = () => {
+      l.value = f.value?.default;
+    }, y = O(0), g = async (V) => {
+      if (!V || !e() || f.value.ui !== "pixelInput" && f.value.ui !== "percentInput")
         return;
-      const S = await Re({
+      const x = await Re({
         title: "",
         value: y.value,
         precision: f.value.precision,
@@ -1158,20 +1158,20 @@ const Vn = { class: "d-flex justify-space-between align-center my-2" }, Cn = { c
         max: f.value.max,
         step: f.value.step
       });
-      S !== void 0 && (y.value = S);
+      x !== void 0 && (y.value = x);
     };
     return Ne(() => {
-      f.value?.ui === "pixelInput" ? y.value = Vt(n.value) : f.value?.ui === "percentInput" && (y.value = Ct(n.value));
-    }), re(y, (k) => {
-      f.value?.ui === "pixelInput" ? n.value = k + "px" : f.value?.ui === "percentInput" && (n.value = k + "%");
-    }), (k, S) => {
-      const P = x("v-select"), T = x("v-number-input"), w = x("v-btn"), _ = le("ripple");
+      f.value?.ui === "pixelInput" ? y.value = Vt(l.value) : f.value?.ui === "percentInput" && (y.value = Ct(l.value));
+    }), re(y, (V) => {
+      f.value?.ui === "pixelInput" ? l.value = V + "px" : f.value?.ui === "percentInput" && (l.value = V + "%");
+    }), (V, x) => {
+      const P = U("v-select"), T = U("v-number-input"), w = U("v-btn"), k = le("ripple");
       return C(), E("div", Vn, [
         F("div", Cn, [
           ee(D(P, {
-            modelValue: u.value,
+            modelValue: r.value,
             "onUpdate:modelValue": [
-              S[0] || (S[0] = (M) => u.value = M),
+              x[0] || (x[0] = (M) => r.value = M),
               d
             ],
             density: "compact",
@@ -1180,7 +1180,7 @@ const Vn = { class: "d-flex justify-space-between align-center my-2" }, Cn = { c
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              _,
+              k,
               void 0,
               void 0,
               { stop: !0 }
@@ -1189,7 +1189,7 @@ const Vn = { class: "d-flex justify-space-between align-center my-2" }, Cn = { c
           f.value?.ui === "pixelInput" || f.value?.ui === "percentInput" ? ee((C(), B(T, {
             key: 0,
             modelValue: y.value,
-            "onUpdate:modelValue": S[1] || (S[1] = (M) => y.value = M),
+            "onUpdate:modelValue": x[1] || (x[1] = (M) => y.value = M),
             "control-variant": "stacked",
             density: "compact",
             "hide-details": "",
@@ -1201,54 +1201,54 @@ const Vn = { class: "d-flex justify-space-between align-center my-2" }, Cn = { c
             "onUpdate:focused": g
           }, null, 8, ["modelValue", "max", "min", "precision", "step"])), [
             [
-              _,
+              k,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]) : G("", !0)
         ]),
-        k.hasDelete ? (C(), B(w, {
+        t.hasDelete ? (C(), B(w, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: S[2] || (S[2] = X((M) => o("delete"), ["stop"]))
+          onClick: x[2] || (x[2] = X((M) => o("delete"), ["stop"]))
         })) : G("", !0)
       ]);
     };
   }
 });
-function Un(l) {
-  return { renderUiMultiTypes: (t, e, n, o, i) => e.ui !== "multiTypes" ? (console.assert(!1), h("div", "renderUiMultiTypes prop ui must be multiTypes")) : h(Sn, {
+function Sn(t) {
+  return { renderUiMultiTypes: (n, e, l, o, i) => e.ui !== "multiTypes" ? (console.assert(!1), h("div", "renderUiMultiTypes prop ui must be multiTypes")) : h(xn, {
     modelValue: ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ) ?? "",
-    "onUpdate:modelValue": (r) => {
+    "onUpdate:modelValue": (u) => {
       oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        u,
+        t,
         o,
         i
       );
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), l(t.slice(0, -1), n));
+      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, -1), l));
     },
     types: e.types
   }) };
 }
-const xn = /* @__PURE__ */ R({
+const Un = /* @__PURE__ */ R({
   __name: "editor",
   props: {
     modelValue: { required: !0 },
@@ -1259,25 +1259,25 @@ const xn = /* @__PURE__ */ R({
     scaleModifiers: {}
   },
   emits: ["update:modelValue", "update:lock", "update:scale"],
-  setup(l, { expose: s }) {
-    const t = z(l, "modelValue"), e = z(l, "lock"), n = z(l, "scale"), o = gt(), i = ht(), r = Te(), u = Je("target"), a = () => {
-      const d = JSON.parse(t.value);
-      u.value?.load(d);
+  setup(t, { expose: s }) {
+    const n = z(t, "modelValue"), e = z(t, "lock"), l = z(t, "scale"), o = gt(), i = ht(), u = Te(), r = Je("target"), a = () => {
+      const d = JSON.parse(n.value);
+      r.value?.load(d);
     };
     return s({ save: () => {
-      const d = u.value.save();
-      t.value = JSON.stringify(d, null, 2);
-    } }), (d, y) => (C(), B(L(xt), {
+      const d = r.value.save();
+      n.value = JSON.stringify(d, null, 2);
+    } }), (d, y) => (C(), B(L(Ut), {
       ref_key: "target",
-      ref: u,
+      ref: r,
       lock: e.value,
       "onUpdate:lock": y[0] || (y[0] = (g) => e.value = g),
-      scale: n.value,
-      "onUpdate:scale": y[1] || (y[1] = (g) => n.value = g),
+      scale: l.value,
+      "onUpdate:scale": y[1] || (y[1] = (g) => l.value = g),
       dark: L(o),
       locale: L(i),
       type: "json",
-      version: L(r),
+      version: L(u),
       onReady: a
     }, null, 8, ["lock", "scale", "dark", "locale", "version"]));
   }
@@ -1288,35 +1288,35 @@ const xn = /* @__PURE__ */ R({
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(l) {
-    const { t: s } = te(), { sysBarAvail: t } = pe(), { backgroundColor0: e, backgroundColor1: n, backgroundColor2: o } = ie(), i = z(l, "modelValue"), r = O(!1), u = O(1), a = K(() => {
+  setup(t) {
+    const { t: s } = te(), { sysBarAvail: n } = pe(), { backgroundColor0: e, backgroundColor1: l, backgroundColor2: o } = ie(), i = z(t, "modelValue"), u = O(!1), r = O(1), a = K(() => {
       let g = 48;
-      return t.value && (g += 24), {
+      return n.value && (g += 24), {
         position: "relative",
-        background: n.value,
+        background: l.value,
         height: `calc(100% - ${g}px)`
       };
-    }), f = K(() => s("x-prop-tree.dlg.jsonObject.title")), { open: d } = Se(`propTreeJsonObjectDlg${we()}`);
+    }), f = K(() => s("x-prop-tree.dlg.jsonObject.title")), { open: d } = xe(`propTreeJsonObjectDlg${we()}`);
     De(() => {
       d.value = !1;
     });
     const y = Je("editor");
     return re(d, (g) => {
       g || y.value?.save();
-    }), (g, k) => {
-      const S = x("v-btn"), P = x("v-sheet"), T = x("v-spacer"), w = x("v-dialog");
+    }), (g, V) => {
+      const x = U("v-btn"), P = U("v-sheet"), T = U("v-spacer"), w = U("v-dialog");
       return C(), B(w, {
         modelValue: L(d),
-        "onUpdate:modelValue": k[4] || (k[4] = (_) => ve(d) ? d.value = _ : null),
+        "onUpdate:modelValue": V[4] || (V[4] = (k) => ve(d) ? d.value = k : null),
         attach: "",
         fullscreen: "",
         "no-click-animation": "",
         persistent: "",
         transition: "dialog-bottom-transition",
-        onKeydown: k[5] || (k[5] = Ke(X((_) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: V[5] || (V[5] = Ke(X((k) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: J(({ props: _ }) => [
-          D(S, be(_, {
+        activator: J(({ props: k }) => [
+          D(x, be(k, {
             block: "",
             density: "comfortable"
           }), {
@@ -1333,7 +1333,7 @@ const xn = /* @__PURE__ */ R({
             width: "100%"
           }, {
             default: J(() => [
-              L(t) ? (C(), B(P, {
+              L(n) ? (C(), B(P, {
                 key: 0,
                 color: L(o),
                 height: 24
@@ -1344,11 +1344,11 @@ const xn = /* @__PURE__ */ R({
                 height: 48
               }, {
                 default: J(() => [
-                  D(S, {
+                  D(x, {
                     density: "comfortable",
                     icon: "mdi-close",
                     variant: "text",
-                    onClick: k[0] || (k[0] = (_) => d.value = !1)
+                    onClick: V[0] || (V[0] = (k) => d.value = !1)
                   }),
                   F("span", $n, W(L(s)("x-prop-tree.dlg.jsonObject.title")), 1),
                   D(T)
@@ -1358,15 +1358,15 @@ const xn = /* @__PURE__ */ R({
               F("div", {
                 style: I(a.value)
               }, [
-                D(xn, {
+                D(Un, {
                   ref_key: "editor",
                   ref: y,
                   modelValue: i.value,
-                  "onUpdate:modelValue": k[1] || (k[1] = (_) => i.value = _),
-                  lock: r.value,
-                  "onUpdate:lock": k[2] || (k[2] = (_) => r.value = _),
-                  scale: u.value,
-                  "onUpdate:scale": k[3] || (k[3] = (_) => u.value = _)
+                  "onUpdate:modelValue": V[1] || (V[1] = (k) => i.value = k),
+                  lock: u.value,
+                  "onUpdate:lock": V[2] || (V[2] = (k) => u.value = k),
+                  scale: r.value,
+                  "onUpdate:scale": V[3] || (V[3] = (k) => r.value = k)
                 }, null, 8, ["modelValue", "lock", "scale"])
               ], 4)
             ]),
@@ -1378,23 +1378,23 @@ const xn = /* @__PURE__ */ R({
     };
   }
 });
-function Mn(l) {
-  return { renderUiJsonEditor: (t, e, n, o, i) => e.ui !== "jsonEditor" ? h("div", "renderUiJsonObject prop ui must be jsonEditor") : h(Pn, {
+function Mn(t) {
+  return { renderUiJsonEditor: (n, e, l, o, i) => e.ui !== "jsonEditor" ? h("div", "renderUiJsonObject prop ui must be jsonEditor") : h(Pn, {
     modelValue: ne(
-      t,
-      e,
       n,
+      e,
       l,
+      t,
       o,
       i
     ) ?? "{}",
-    "onUpdate:modelValue": (r) => {
+    "onUpdate:modelValue": (u) => {
       oe(
-        t,
-        e,
         n,
-        r,
+        e,
         l,
+        u,
+        t,
         o,
         i
       );
@@ -1410,78 +1410,78 @@ const wn = /* @__PURE__ */ R({
     version: {}
   },
   emits: ["change"],
-  setup(l, { emit: s }) {
-    const { t } = te(), { backgroundColor1: e } = ie(), n = l, o = s, i = O("20px"), r = O("56px"), u = O("200px"), a = mt({}), f = O({}), d = (v, c) => {
-      qe(f, n.config, n.object), o("change", v, c);
+  setup(t, { emit: s }) {
+    const { t: n } = te(), { backgroundColor1: e } = ie(), l = t, o = s, i = O("20px"), u = O("56px"), r = O("200px"), a = mt({}), f = O({}), d = (v, c) => {
+      qe(f, l.config, l.object), o("change", v, c);
     };
     re(
-      [() => n.config, () => n.object],
+      [() => l.config, () => l.object],
       () => {
-        qe(f, n.config, n.object, (v, c) => {
+        qe(f, l.config, l.object, (v, c) => {
           o("change", v, c);
         });
       },
       { immediate: !0 }
     );
-    const y = O(n.version);
+    const y = O(l.version);
     Tt(y), re(
-      () => n.version,
+      () => l.version,
       () => {
-        y.value = n.version;
+        y.value = l.version;
       }
     );
-    const g = O(n.config);
+    const g = O(l.config);
     Lt(g), re(
-      () => n.config,
+      () => l.config,
       () => {
-        g.value = n.config;
+        g.value = l.config;
       }
     );
-    const k = O(n.object);
-    Ot(k), re(
-      () => n.object,
+    const V = O(l.object);
+    Ot(V), re(
+      () => l.object,
       () => {
-        k.value = n.object;
+        V.value = l.object;
       }
     ), Bt(f), Jt(d);
-    const S = O([]);
-    Et(S);
+    const x = O([]);
+    Et(x);
     const P = () => {
-      const { compGroups: v, comps: c } = St.app.activeApp, p = [];
-      v.forEach(({ id: m, name: V, position: $ }) => {
-        const A = S.value.find((Z) => Z.id === m);
+      const { compGroups: v, comps: c } = xt.app.activeApp, p = [];
+      v.forEach(({ id: m, name: _, position: $ }) => {
+        const A = x.value.find((Z) => Z.id === m);
         p.push({
           id: m,
           type: 0,
-          name: V,
+          name: _,
           position: $,
           collapse: A?.collapse ?? !0
         });
-      }), c.forEach(({ id: m, groupid: V, name: $, position: A }) => {
-        p.push({ id: m, type: 1, name: $, position: A, group: V });
-      }), kt(p, !0), S.value = p;
+      }), c.forEach(({ id: m, groupId: _, name: $, position: A }) => {
+        p.push({ id: m, type: 1, name: $, position: A, group: _ });
+      }), _t(p, !0), x.value = p;
     };
     let T;
     const w = () => {
       clearTimeout(T), T = window.setTimeout(() => {
         P(), T && w();
       }, 1e3);
-    }, _ = () => {
+    }, k = () => {
       clearTimeout(T), T = void 0;
     };
     vt(() => {
       w();
     }), pt(() => {
-      _();
+      k();
     });
-    const { renderProp: M } = zt(f, r, u), { renderUiDummy: N } = Gt(d), { renderUiStrInput: Q } = Qt(d), { renderUiNumInput: Pe } = It(d), { renderUiSwitch: je } = nn(d), { renderUiSelect: Ie } = sn(d), { renderUiColorPicker: et } = kn(d), { renderUiJsonEditor: tt } = Mn(d), { renderUiMultiTypes: nt } = Un(d), { renderUiCompSelect: lt } = gn(d), ye = (v, c, p, m, V, $) => (v = Ee(v), V !== void 0 ? (v.push(V), $ && v.push(c.key)) : v.push(c.key), c.ui ? c.array && m ? it(v, c, p, m, V, $) : rt(v, c, p, V, $) : c.array ? ot(v, c, p, m, V, $) : st(
+    const { renderProp: M } = zt(f, u, r), { renderUiDummy: N } = Gt(d), { renderUiStrInput: Q } = Qt(d), { renderUiNumInput: Pe } = It(d), { renderUiSwitch: je } = nn(d), { renderUiSelect: Ie } = sn(d), { renderUiColorPicker: et } = _n(d), { renderUiJsonEditor: tt } = Mn(d), { renderUiMultiTypes: nt } = Sn(d), { renderUiCompSelect: lt } = gn(d), ye = (v, c, p, m, _, $) => (v = Ee(v), _ !== void 0 ? (v.push(_), $ && v.push(c.key)) : v.push(c.key), c.ui ? c.array && m ? it(v, c, p, m, _, $) : rt(v, c, p, _, $) : c.array ? ot(v, c, p, m, _, $) : st(
       v,
       c,
       p,
       m,
-      V,
+      _,
       $
-    )), ot = (v, c, p, m, V, $) => {
+    )), ot = (v, c, p, m, _, $) => {
       if (c.ui)
         return console.assert(!1), h("div", "renderBranchArray prop ui must be invalid");
       if (!c.array)
@@ -1489,18 +1489,18 @@ const wn = /* @__PURE__ */ R({
       if (!m)
         return console.assert(!1), h("div", "renderBranchArray branch must be valid");
       let A;
-      V !== void 0 && !$ ? (p[V] instanceof Array || (p[V] = q(c), d(v, p[c.key])), A = p[V]) : (p[c.key] instanceof Array || (p[c.key] = q(c), d(v, p[c.key])), A = p[c.key]);
-      let Z = t(c.name);
+      _ !== void 0 && !$ ? (p[_] instanceof Array || (p[_] = q(c), d(v, p[c.key])), A = p[_]) : (p[c.key] instanceof Array || (p[c.key] = q(c), d(v, p[c.key])), A = p[c.key]);
+      let Z = n(c.name);
       m.collapse && ae(f.value, v) && (Z += " *");
-      const fe = h(ke, {
+      const fe = h(_e, {
         title: Z,
         collapse: m.collapse,
         hasCreate: !0,
-        onCollapse: (U) => {
-          m.collapse = U;
+        onCollapse: (S) => {
+          m.collapse = S;
         },
-        onMenu: (U, b) => {
-          ue.emit("propTreeMenu", { x: U, y: b, keys: v });
+        onMenu: (S, b) => {
+          ue.emit("propTreeMenu", { x: S, y: b, keys: v });
         },
         onCreate: () => {
           A.push({}), d(v, A);
@@ -1513,7 +1513,7 @@ const wn = /* @__PURE__ */ R({
           }
         },
         (() => {
-          const U = [];
+          const S = [];
           for (let b = 0; b < A.length; b++) {
             if (!Me(m.children)) {
               console.assert(!1);
@@ -1526,7 +1526,7 @@ const wn = /* @__PURE__ */ R({
             const ge = [...v, b], he = m.children[b];
             let Le = `[${b + 1}]`;
             m.children[b].collapse && ae(f.value, ge) && (Le += " *");
-            const at = h(ke, {
+            const at = h(_e, {
               title: Le,
               collapse: m.children[b].collapse,
               hasDelete: !0,
@@ -1549,7 +1549,7 @@ const wn = /* @__PURE__ */ R({
                 m.children.splice(j, 1), A.splice(j, 1), d(v, A);
               }
             });
-            U.push(at);
+            S.push(at);
             const ct = h(
               "div",
               {
@@ -1580,9 +1580,9 @@ const wn = /* @__PURE__ */ R({
                 }), j;
               })()
             );
-            m.children[b].collapse || U.push(ct);
+            m.children[b].collapse || S.push(ct);
           }
-          return U;
+          return S;
         })()
       );
       return h(
@@ -1593,31 +1593,31 @@ const wn = /* @__PURE__ */ R({
           }
         },
         (() => {
-          const U = [];
-          return U.push(fe), m.collapse || U.push(H), U;
+          const S = [];
+          return S.push(fe), m.collapse || S.push(H), S;
         })()
       );
-    }, st = (v, c, p, m, V, $) => {
+    }, st = (v, c, p, m, _, $) => {
       if (c.ui)
         return console.assert(!1), h("div", "renderBranchScalar prop ui must be invalid");
       if (c.array)
         return console.assert(!1), h("div", "renderBranchScalar prop array must be invalid");
       if (!m)
         return console.assert(!1), h("div", "renderBranchScalar branch must be valid");
-      let A = t(c.name);
+      let A = n(c.name);
       m.collapse && ae(f.value, v) && (A += " *");
-      const Z = h(ke, {
+      const Z = h(_e, {
         title: A,
         collapse: m.collapse,
-        hasDelete: V !== void 0 && !$,
+        hasDelete: _ !== void 0 && !$,
         onCollapse: (H) => {
           m.collapse = H;
         },
-        onMenu: (H, U) => {
-          ue.emit("propTreeMenu", { x: H, y: U, keys: v });
+        onMenu: (H, S) => {
+          ue.emit("propTreeMenu", { x: H, y: S, keys: v });
         },
         onDelete: () => {
-          V === void 0 || $ || (p.splice(V, 1), d(v.slice(0, -1), p));
+          _ === void 0 || $ || (p.splice(_, 1), d(v.slice(0, -1), p));
         }
       }), fe = h(
         "div",
@@ -1628,20 +1628,20 @@ const wn = /* @__PURE__ */ R({
         },
         (() => {
           const H = [];
-          return c.children.forEach((U) => {
+          return c.children.forEach((S) => {
             if (!Oe(m.children)) {
               console.assert(!1);
               return;
             }
-            m.children[U.key] || (m.children[U.key] = {
+            m.children[S.key] || (m.children[S.key] = {
               collapse: !0,
-              children: !U.ui && U.array ? [] : {}
+              children: !S.ui && S.array ? [] : {}
             });
             const b = ye(
               v,
-              U,
+              S,
               (typeof p[c.key] != "object" && (p[c.key] = {}, d(v, p[c.key])), p[c.key]),
-              m.children[U.key]
+              m.children[S.key]
             );
             H.push(b);
           }), H;
@@ -1659,7 +1659,7 @@ const wn = /* @__PURE__ */ R({
           return H.push(Z), m.collapse || H.push(fe), H;
         })()
       );
-    }, it = (v, c, p, m, V, $) => {
+    }, it = (v, c, p, m, _, $) => {
       if (!c.ui)
         return console.assert(!1), h("div", "renderLeafArray prop ui must be valid");
       if (!c.array)
@@ -1667,18 +1667,18 @@ const wn = /* @__PURE__ */ R({
       if (!m)
         return console.assert(!1), h("div", "renderLeafArray branch must be valid");
       let A;
-      V !== void 0 && !$ ? (p[V] instanceof Array || (p[V] = q(c), d(v, p[V])), A = p[V]) : (p[c.key] instanceof Array || (p[c.key] = q(c), d(v, p[c.key])), A = p[c.key]);
-      let Z = t(c.name);
+      _ !== void 0 && !$ ? (p[_] instanceof Array || (p[_] = q(c), d(v, p[_])), A = p[_]) : (p[c.key] instanceof Array || (p[c.key] = q(c), d(v, p[c.key])), A = p[c.key]);
+      let Z = n(c.name);
       m.collapse && ae(f.value, v) && (Z += " *");
-      const fe = h(ke, {
+      const fe = h(_e, {
         title: Z,
         collapse: m.collapse,
         hasCreate: !0,
-        onCollapse: (U) => {
-          m.collapse = U;
+        onCollapse: (S) => {
+          m.collapse = S;
         },
-        onMenu: (U, b) => {
-          ue.emit("propTreeMenu", { x: U, y: b, keys: v });
+        onMenu: (S, b) => {
+          ue.emit("propTreeMenu", { x: S, y: b, keys: v });
         },
         onCreate: () => {
           A.push(q(c, !0)), d(v, A);
@@ -1691,12 +1691,12 @@ const wn = /* @__PURE__ */ R({
           }
         },
         (() => {
-          const U = [];
+          const S = [];
           for (let b = 0; b < A.length; b++) {
             const ge = ye(v, c, A, void 0, b, !1);
-            U.push(ge);
+            S.push(ge);
           }
-          return U;
+          return S;
         })()
       );
       return h(
@@ -1707,15 +1707,15 @@ const wn = /* @__PURE__ */ R({
           }
         },
         (() => {
-          const U = [];
-          return U.push(fe), m.collapse || U.push(H), U;
+          const S = [];
+          return S.push(fe), m.collapse || S.push(H), S;
         })()
       );
-    }, rt = (v, c, p, m, V) => {
+    }, rt = (v, c, p, m, _) => {
       if (!c.ui)
         return console.assert(!1), h("div", "renderLeafScalar prop ui must be valid");
       let $;
-      return c.ui === "dummy" ? $ = N(v, c, p, m, V) : c.ui === "strInput" ? $ = Q(v, c, p, m, V) : c.ui === "numInput" ? $ = Pe(v, c, p, m, V) : c.ui === "switch" ? $ = je(v, c, p, m, V) : c.ui === "select" ? $ = Ie(v, c, p, m, V) : c.ui === "colorPicker" ? $ = et(v, c, p, m, V) : c.ui === "jsonEditor" ? $ = tt(v, c, p, m, V) : c.ui === "multiTypes" ? $ = nt(v, c, p, m, V) : c.ui === "compSelect" ? $ = lt(v, c, p, m, V) : console.assert(!1, "renderLeafScalar not implemented"), $ ? M(v, c, $) : h("div");
+      return c.ui === "dummy" ? $ = N(v, c, p, m, _) : c.ui === "strInput" ? $ = Q(v, c, p, m, _) : c.ui === "numInput" ? $ = Pe(v, c, p, m, _) : c.ui === "switch" ? $ = je(v, c, p, m, _) : c.ui === "select" ? $ = Ie(v, c, p, m, _) : c.ui === "colorPicker" ? $ = et(v, c, p, m, _) : c.ui === "jsonEditor" ? $ = tt(v, c, p, m, _) : c.ui === "multiTypes" ? $ = nt(v, c, p, m, _) : c.ui === "compSelect" ? $ = lt(v, c, p, m, _) : console.assert(!1, "renderLeafScalar not implemented"), $ ? M(v, c, $) : h("div");
     }, ut = () => h(
       "div",
       {
@@ -1726,15 +1726,15 @@ const wn = /* @__PURE__ */ R({
       },
       (() => {
         const v = [];
-        if (n.unique && n.config.length > 0 && n.object) {
-          a[n.unique] || (a[n.unique] = {});
-          const c = a[n.unique];
-          n.config.forEach((p) => {
+        if (l.unique && l.config.length > 0 && l.object) {
+          a[l.unique] || (a[l.unique] = {});
+          const c = a[l.unique];
+          l.config.forEach((p) => {
             c[p.key] || (c[p.key] = {
               collapse: !0,
               children: !p.ui && p.array ? [] : {}
             });
-            const m = ye([], p, n.object, c[p.key]);
+            const m = ye([], p, l.object, c[p.key]);
             v.push(m);
           });
         }
@@ -1744,22 +1744,22 @@ const wn = /* @__PURE__ */ R({
     return (v, c) => (C(), E(Ve, null, [
       D(ut),
       D(Ht, {
-        config: n.config,
-        object: n.object,
+        config: l.config,
+        object: l.object,
         "prop-states": f.value
       }, null, 8, ["config", "object", "prop-states"])
     ], 64));
   }
-}), Dn = (l) => {
-  l.component("XPropTree", wn);
-}, bn = (l, s, t) => {
-  const e = l[s];
-  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((n, o) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + s + (s.split("/").length !== t ? ". Note that variables only represent file names one level deep." : ""))));
+}), Dn = (t) => {
+  t.component("XPropTree", wn);
+}, bn = (t, s, n) => {
+  const e = t[s];
+  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((l, o) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + s + (s.split("/").length !== n ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function Jn(l) {
-  return (await bn(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.n11iysmh.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.hr18mfah.js") }), `./locales/${l}/index.ts`, 4)).default;
+async function Jn(t) {
+  return (await bn(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.n11iysmh.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.hr18mfah.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 const Rn = { install: Dn };
 export {