x-prop-tree 0.7.2 → 0.7.4

package/dist/index.js

@@ -1,12 +1,12 @@
-import { provide as de, inject as fe, defineComponent as J, ref as O, computed as K, resolveComponent as $, createBlock as B, openBlock as S, unref as C, isRef as pe, withCtx as R, createVNode as b, createElementBlock as H, Fragment as Ve, renderList as Be, createTextVNode as Ce, toDisplayString as Q, resolveDirective as le, withDirectives as ee, withModifiers as z, normalizeStyle as I, createElementVNode as F, createCommentVNode as Y, renderSlot as pt, h, mergeModels as W, useModel as G, useId as we, onUnmounted as De, withKeys as Ke, mergeProps as be, watchEffect as Ne, watch as ue, useTemplateRef as Re, reactive as yt, onMounted as gt, onBeforeUnmount as ht } from "vue";
+import { provide as ce, inject as de, defineComponent as R, ref as O, computed as K, resolveComponent as S, createBlock as B, openBlock as k, unref as T, isRef as ve, withCtx as J, createVNode as M, createElementBlock as E, Fragment as ke, renderList as qe, createTextVNode as Ve, toDisplayString as W, resolveDirective as le, withDirectives as ee, withModifiers as F, normalizeStyle as I, createElementVNode as X, createCommentVNode as G, renderSlot as dt, h, mergeModels as Y, useModel as z, useId as Me, onUnmounted as we, withKeys as Be, mergeProps as De, watchEffect as Le, watch as re, useTemplateRef as Ke, reactive as ft, onMounted as mt, onBeforeUnmount as vt } from "vue";
 import { useI18n as te } from "vue-i18n";
-import { useViewStack as Se, useColor as ie, eventBus as ae, useSystem as Je, injectDark as _t, injectLocale as kt } from "x-essential-lib";
-import { c as He, i as Ue, m as Xe, a as Fe, b as Vt, d as re, r as ze, v as Ct, e as Ge, f as St } from "./vendor.h3srogcv.js";
-import { getPropDefault as q, pkgs as Ye, parsePixelStr as Ut, parsePercentStr as $t } from "x-runtime-lib";
-import { globalState as xt } from "x-state-lib";
-import { useDisplay as Pt } from "vuetify";
-import { XBlockly as Mt } from "x-block-lib";
-const _e = (o, s) => {
+import { useViewStack as Ce, useColor as ie, eventBus as ue, useSystem as Je, injectDark as pt, injectLocale as yt } from "x-essential-lib";
+import { c as Re, i as Se, r as Ee, v as gt, d as ht } from "./vendor.n68iqk3a.js";
+import { getPropDefault as q, pkgs as He, parsePixelStr as _t, parsePercentStr as kt } from "x-runtime-lib";
+import { globalState as Vt } from "x-state-lib";
+import { useDisplay as Ct } from "vuetify";
+import { XBlockly as St } from "x-block-lib";
+const he = (o, s) => {
   let t = { key: "", name: "", children: o };
   return s.forEach((e) => {
     if (typeof e != "number") {
@@ -21,7 +21,7 @@ const _e = (o, s) => {
       t = t.children.find((n) => n.key === e);
     }
   }), t;
-}, ve = (o, s) => {
+}, me = (o, s) => {
   let t = o;
   return s.forEach((e) => {
     if (!t) {
@@ -30,7 +30,7 @@ const _e = (o, s) => {
     }
     t = t[e];
   }), t;
-}, Oe = (o) => !(o instanceof Array), Me = (o) => o instanceof Array, wt = (o, s) => {
+}, Ne = (o) => !(o instanceof Array), Pe = (o) => o instanceof Array, Ut = (o, s) => {
   const t = (e, n) => {
     if (e.ui !== n.ui || e.array !== n.array)
       return !1;
@@ -44,10 +44,10 @@ const _e = (o, s) => {
     return !0;
   };
   return t(o, s);
-}, Ae = (o) => !(o instanceof Array), $e = (o) => o instanceof Array, Dt = [
+}, Ae = (o) => !(o instanceof Array), Ue = (o) => o instanceof Array, $t = [
   ["basic", "id"],
   ["basic", "name"]
-], bt = (o) => Dt.find((s) => Ue(o, s)), xe = (o, s, t, e, n, l, i) => (o = He(o), l !== void 0 ? (o.push(l), i && o.push(s.key)) : o.push(s.key), bt(o) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && $e(e.children) ? Lt(
+], xt = (o) => $t.find((s) => Se(o, s)), $e = (o, s, t, e, n, l, i) => (o = Re(o), l !== void 0 ? (o.push(l), i && o.push(s.key)) : o.push(s.key), xt(o) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && Ue(e.children) ? wt(
   o,
   s,
   t,
@@ -55,7 +55,7 @@ const _e = (o, s) => {
   n,
   l,
   i
-) : Nt(s, t, e, l, i) : s.array ? At(
+) : Dt(s, t, e, l, i) : s.array ? Pt(
   o,
   s,
   t,
@@ -63,7 +63,7 @@ const _e = (o, s) => {
   n,
   l,
   i
-) : Tt(
+) : Mt(
   o,
   s,
   t,
@@ -71,42 +71,42 @@ const _e = (o, s) => {
   n,
   l,
   i
-)), At = (o, s, t, e, n, l, i) => {
+)), Pt = (o, s, t, e, n, l, 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 || !$e(e.children))
+  if (!e.children || !Ue(e.children))
     return console.assert(!1, "execPropBranchArray state children must be array"), !1;
   let a;
-  l !== void 0 && !i ? (t[l] instanceof Array || (t[l] = q(s), n == null || n(o, t[l])), a = t[l]) : (t[s.key] instanceof Array || (t[s.key] = q(s), n == null || n(o, t[s.key])), a = t[s.key]), e.change = !1;
-  for (let r = 0; r < a.length; r++) {
+  l !== void 0 && !i ? (t[l] instanceof Array || (t[l] = q(s), n?.(o, t[l])), a = t[l]) : (t[s.key] instanceof Array || (t[s.key] = q(s), n?.(o, t[s.key])), a = t[s.key]), e.change = !1;
+  for (let u = 0; u < a.length; u++) {
     e.children.push({
       change: !1,
       children: {}
     });
-    const u = e.children[r];
-    s.children.forEach((g) => {
-      if (!u.children || !Ae(u.children)) {
+    const r = e.children[u];
+    s.children.forEach((y) => {
+      if (!r.children || !Ae(r.children)) {
         console.assert(!1);
         return;
       }
-      u.children[g.key] = {
+      r.children[y.key] = {
         change: !1,
-        children: g.array ? [] : {}
-      }, xe(
+        children: y.array ? [] : {}
+      }, $e(
         o,
-        g,
-        a[r],
-        u.children[g.key],
+        y,
+        a[u],
+        r.children[y.key],
         n,
-        r,
+        u,
         !0
-      ) && (u.change = !0), u.change && (e.change = !0);
+      ) && (r.change = !0), r.change && (e.change = !0);
     });
   }
-  return e.change || (e.change = !Ue(a, q(s))), e.change;
-}, Tt = (o, s, t, e, n, l, i) => {
+  return e.change || (e.change = !Se(a, q(s))), e.change;
+}, Mt = (o, s, t, e, n, l, i) => {
   if (s.ui)
     return console.assert(!1, "execPropBranchScalar prop ui must be invalid"), !1;
   if (s.array)
@@ -115,35 +115,35 @@ const _e = (o, s) => {
     return console.assert(!1, "execPropBranchScalar state children must be map"), !1;
   let a;
   l !== void 0 && !i ? (t[l] || (t[l] = {}), a = t[l]) : (t[s.key] || (t[s.key] = {}), a = t[s.key]), e.change = !1;
-  for (let r = 0; r < s.children.length; r++) {
-    const u = s.children[r];
-    e.children[u.key] = {
+  for (let u = 0; u < s.children.length; u++) {
+    const r = s.children[u];
+    e.children[r.key] = {
       change: !1,
-      children: u.array ? [] : {}
-    }, xe(o, u, a, e.children[u.key], n) && (e.change = !0);
+      children: r.array ? [] : {}
+    }, $e(o, r, a, e.children[r.key], n) && (e.change = !0);
   }
   return e.change;
-}, Lt = (o, s, t, e, n, l, i) => {
+}, wt = (o, s, t, e, n, l, 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 || !$e(e.children))
+  if (!e.children || !Ue(e.children))
     return console.assert(!1, "execPropLeafArray state children must be array"), !1;
   let a;
-  l !== void 0 && !i ? (t[l] instanceof Array || (t[l] = q(s), n == null || n(o, t[l])), a = t[l]) : (t[s.key] instanceof Array || (t[s.key] = q(s), n == null || n(o, t[s.key])), a = t[s.key]), e.change = !1;
-  for (let r = 0; r < a.length; r++)
-    e.children[r] = {
+  l !== void 0 && !i ? (t[l] instanceof Array || (t[l] = q(s), n?.(o, t[l])), a = t[l]) : (t[s.key] instanceof Array || (t[s.key] = q(s), n?.(o, t[s.key])), a = t[s.key]), e.change = !1;
+  for (let u = 0; u < a.length; u++)
+    e.children[u] = {
       change: !1,
       children: {}
-    }, xe(o, s, a, e.children[r], n, r, !1) && (e.change = !0);
-  return e.change || (e.change = !Ue(a, q(s))), e.change;
-}, Nt = (o, s, t, e, n) => {
+    }, $e(o, s, a, e.children[u], n, u, !1) && (e.change = !0);
+  return e.change || (e.change = !Se(a, q(s))), e.change;
+}, Dt = (o, s, t, e, n) => {
   if (!o.ui)
     return console.assert(!1, "execPropLeafScalar prop ui must be valid"), !1;
   let l;
-  return e !== void 0 && !n ? l = s[e] : l = s[o.key], t.change = !Ue(l, q(o, !0)), t.change;
-}, qe = (o, s, t, e) => {
+  return e !== void 0 && !n ? l = s[e] : l = s[o.key], t.change = !Se(l, q(o, !0)), t.change;
+}, Oe = (o, s, t, e) => {
   if (s.length <= 0 || !t) {
     o.value = {};
     return;
@@ -153,162 +153,162 @@ const _e = (o, s) => {
     n[l.key] = {
       change: !1,
       children: l.array ? [] : {}
-    }, xe([], l, t, n[l.key], e);
+    }, $e([], l, t, n[l.key], e);
   }), o.value = n;
-}, ce = (o, s) => {
+}, ae = (o, s) => {
   let t = { change: !1, children: o };
   return s.forEach((e) => {
     if (!t)
       return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
     if (!t.children)
       return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
-    typeof e == "string" ? Ae(t.children) && (t = t.children[e]) : $e(t.children) && (t = t.children[e]);
-  }), (t == null ? void 0 : t.change) ?? !1;
-}, We = Symbol(), Qe = Symbol(), Ze = Symbol(), Ee = Symbol(), je = Symbol(), Ie = Symbol();
-function Ot(o) {
-  de(We, o);
+    typeof e == "string" ? Ae(t.children) && (t = t.children[e]) : Ue(t.children) && (t = t.children[e]);
+  }), t?.change ?? !1;
+}, Xe = Symbol(), Fe = Symbol(), ze = Symbol(), Ge = Symbol(), Ye = Symbol(), We = Symbol();
+function At(o) {
+  ce(Xe, o);
 }
-function Te() {
-  return fe(We);
+function be() {
+  return de(Xe);
 }
-function qt(o) {
-  de(Qe, o);
+function bt(o) {
+  ce(Fe, o);
 }
-function Bt() {
-  return fe(Qe);
+function Tt() {
+  return de(Fe);
 }
-function Kt(o) {
-  de(Ze, o);
+function Lt(o) {
+  ce(ze, o);
 }
-function Rt() {
-  return fe(Ze);
+function Nt() {
+  return de(ze);
 }
-function Jt(o) {
-  de(Ee, o);
+function Ot(o) {
+  ce(Ge, o);
 }
-function Ht() {
-  return fe(Ee);
+function qt() {
+  return de(Ge);
 }
-function Xt(o) {
-  de(je, o);
+function Bt(o) {
+  ce(Ye, o);
 }
-function Ft() {
-  return fe(je);
+function Kt() {
+  return de(Ye);
 }
-function zt(o) {
-  de(Ie, o);
+function Jt(o) {
+  ce(We, o);
 }
-function et() {
-  return fe(Ie);
+function Qe() {
+  return de(We);
 }
-const Gt = /* @__PURE__ */ J({
+const Rt = /* @__PURE__ */ R({
   __name: "menu",
   setup(o) {
-    const { t: s } = te(), t = Bt(), e = Rt(), n = Ht(), l = Ft(), i = O(0), a = O(0), r = O([]), u = K(() => [i.value, a.value]), g = (w) => {
-      const T = () => !(r.value.length <= 0 || !ce(n.value, r.value)), P = () => {
-        const _ = _e(t.value, r.value);
-        if (_)
-          if (_.ui) {
-            const M = ve(e.value, r.value.slice(0, -1));
-            if (!M)
+    const { t: s } = te(), t = Tt(), e = Nt(), n = qt(), l = Kt(), i = O(0), a = O(0), u = O([]), r = K(() => [i.value, a.value]), y = (P) => {
+      const D = () => !(u.value.length <= 0 || !ae(n.value, u.value)), U = () => {
+        const V = he(t.value, u.value);
+        if (V)
+          if (V.ui) {
+            const A = me(e.value, u.value.slice(0, -1));
+            if (!A)
               return;
-            M[r.value[r.value.length - 1]] = q(_), l(r.value, M[r.value[r.value.length - 1]]);
-          } else if (_.array) {
-            const M = r.value[r.value.length - 1];
-            if (M === void 0) {
+            A[u.value[u.value.length - 1]] = q(V), l(u.value, A[u.value[u.value.length - 1]]);
+          } else if (V.array) {
+            const A = u.value[u.value.length - 1];
+            if (A === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
-            if (typeof M == "string") {
-              const N = ve(e.value, r.value.slice(0, -1));
+            if (typeof A == "string") {
+              const N = me(e.value, u.value.slice(0, -1));
               if (!N)
                 return;
-              N[r.value[r.value.length - 1]] = q(_), l(r.value, N[r.value[r.value.length - 1]]);
+              N[u.value[u.value.length - 1]] = q(V), l(u.value, N[u.value[u.value.length - 1]]);
             } else {
-              const N = ve(e.value, r.value);
+              const N = me(e.value, u.value);
               if (!N)
                 return;
-              _.children.forEach((Z) => {
-                N[Z.key] = q(_), l([...r.value, Z.key], N[Z.key]);
+              V.children.forEach((Q) => {
+                N[Q.key] = q(V), l([...u.value, Q.key], N[Q.key]);
               });
             }
           } else {
-            const M = ve(e.value, r.value);
-            if (!M)
+            const A = me(e.value, u.value);
+            if (!A)
               return;
-            _.children.forEach((N) => {
-              M[N.key] = q(_), l([...r.value, N.key], M[N.key]);
+            V.children.forEach((N) => {
+              A[N.key] = q(V), l([...u.value, N.key], A[N.key]);
             });
           }
       };
-      T() && w.push({
+      D() && P.push({
         title: s("x-prop-tree.reset"),
-        func: P
+        func: U
       });
-    }, d = (w) => {
-      const T = () => {
-        const P = _e(t.value, r.value), _ = ve(e.value, r.value);
-        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: P, object: _ }));
+    }, d = (P) => {
+      const D = () => {
+        const U = he(t.value, u.value), V = me(e.value, u.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: U, object: V }));
       };
-      w.push({
+      P.push({
         title: s("x-prop-tree.copy"),
-        func: T
+        func: D
       });
-    }, f = (w) => {
-      const T = () => {
-        const _ = localStorage.getItem("propTreeCopy");
-        if (!_)
+    }, g = (P) => {
+      const D = () => {
+        const V = localStorage.getItem("propTreeCopy");
+        if (!V)
           return !1;
         try {
-          const { prop: M } = JSON.parse(_), N = _e(t.value, r.value);
-          return wt(M, N);
-        } catch (M) {
-          console.error(M);
+          const { prop: A } = JSON.parse(V), N = he(t.value, u.value);
+          return Ut(A, N);
+        } catch (A) {
+          console.error(A);
         }
         return !1;
-      }, P = () => {
-        if (!T())
+      }, U = () => {
+        if (!D())
           return;
-        const _ = localStorage.getItem("propTreeCopy");
-        if (_)
+        const V = localStorage.getItem("propTreeCopy");
+        if (V)
           try {
-            const { object: M } = JSON.parse(_), N = _e(t.value, r.value);
-            console.log(M, N);
-          } catch (M) {
-            console.error(M);
+            const { object: A } = JSON.parse(V), N = he(t.value, u.value);
+            console.log(A, N);
+          } catch (A) {
+            console.error(A);
           }
       };
-      T() && w.push({
+      D() && P.push({
         title: s("x-prop-tree.paste"),
-        func: P
+        func: U
       });
-    }, m = K(() => {
-      const w = [];
-      return g(w), d(w), f(w), w;
-    }), k = (w) => {
-      i.value = w.x, a.value = w.y, r.value = w.keys;
-    }, { open: L } = Se("propTreeMenu", k);
-    return (w, T) => {
-      const P = $("v-list-item-title"), _ = $("v-list-item"), M = $("v-list"), N = $("v-menu");
-      return S(), B(N, {
-        modelValue: C(L),
-        "onUpdate:modelValue": T[0] || (T[0] = (Z) => pe(L) ? L.value = Z : null),
+    }, v = K(() => {
+      const P = [];
+      return y(P), d(P), g(P), P;
+    }), x = (P) => {
+      i.value = P.x, a.value = P.y, u.value = P.keys;
+    }, { open: L } = Ce("propTreeMenu", x);
+    return (P, D) => {
+      const U = S("v-list-item-title"), V = S("v-list-item"), A = S("v-list"), N = S("v-menu");
+      return k(), B(N, {
+        modelValue: T(L),
+        "onUpdate:modelValue": D[0] || (D[0] = (Q) => ve(L) ? L.value = Q : null),
         "location-strategy": "connected",
-        target: u.value,
+        target: r.value,
         scrim: "transparent"
       }, {
-        default: R(() => [
-          b(M, null, {
-            default: R(() => [
-              (S(!0), H(Ve, null, Be(m.value, (Z, Pe) => (S(), B(_, {
-                key: Pe,
+        default: J(() => [
+          M(A, null, {
+            default: J(() => [
+              (k(!0), E(ke, null, qe(v.value, (Q, xe) => (k(), B(V, {
+                key: xe,
                 link: "",
-                onClick: Z.func
+                onClick: Q.func
               }, {
-                default: R(() => [
-                  b(P, null, {
-                    default: R(() => [
-                      Ce(Q(Z.title), 1)
+                default: J(() => [
+                  M(U, null, {
+                    default: J(() => [
+                      Ve(W(Q.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -323,7 +323,7 @@ const Gt = /* @__PURE__ */ J({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Yt = { style: { pointerEvents: "none" } }, ke = /* @__PURE__ */ J({
+}), Et = { style: { pointerEvents: "none" } }, _e = /* @__PURE__ */ R({
   __name: "title",
   props: {
     title: {},
@@ -341,47 +341,47 @@ const Gt = /* @__PURE__ */ J({
       userSelect: "none"
     })), a = () => {
       n("collapse", !o.collapse);
-    }, r = (u) => {
-      n("menu", u.clientX, u.clientY);
+    }, u = (r) => {
+      n("menu", r.clientX, r.clientY);
     };
-    return (u, g) => {
-      const d = $("v-icon"), f = $("v-spacer"), m = $("v-btn"), k = le("ripple");
-      return ee((S(), H("div", {
+    return (r, y) => {
+      const d = S("v-icon"), g = S("v-spacer"), v = S("v-btn"), x = le("ripple");
+      return ee((k(), E("div", {
         class: "d-flex align-center cursor-pointer",
         style: I(i.value),
         onClick: a,
-        onContextmenu: z(r, ["self", "prevent"]),
-        onMouseover: g[2] || (g[2] = (L) => l.value = !0),
-        onMouseout: g[3] || (g[3] = (L) => l.value = !1)
+        onContextmenu: F(u, ["self", "prevent"]),
+        onMouseover: y[2] || (y[2] = (L) => l.value = !0),
+        onMouseout: y[3] || (y[3] = (L) => l.value = !1)
       }, [
-        b(d, {
+        M(d, {
           class: "mr-1",
-          icon: u.collapse ? C(Xe) : C(Fe)
+          icon: r.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
         }, null, 8, ["icon"]),
-        F("span", Yt, Q(u.title), 1),
-        b(f),
-        u.hasCreate ? (S(), B(m, {
+        X("span", Et, W(r.title), 1),
+        M(g),
+        r.hasCreate ? (k(), B(v, {
           key: 0,
           class: "mx-3",
           variant: "text",
           density: "compact",
-          icon: C(Vt),
-          onClick: g[0] || (g[0] = z((L) => n("create"), ["stop"]))
-        }, null, 8, ["icon"])) : Y("", !0),
-        u.hasDelete ? (S(), B(m, {
+          icon: "mdi-plus",
+          onClick: y[0] || (y[0] = F((L) => n("create"), ["stop"]))
+        })) : G("", !0),
+        r.hasDelete ? (k(), B(v, {
           key: 1,
           class: "mx-3",
           variant: "text",
           density: "compact",
-          icon: C(re),
-          onClick: g[1] || (g[1] = z((L) => n("delete", u.index), ["stop"]))
-        }, null, 8, ["icon"])) : Y("", !0)
+          icon: "mdi-minus",
+          onClick: y[1] || (y[1] = F((L) => n("delete", r.index), ["stop"]))
+        })) : G("", !0)
       ], 36)), [
-        [k]
+        [x]
       ]);
     };
   }
-}), Wt = /* @__PURE__ */ J({
+}), Ht = /* @__PURE__ */ R({
   __name: "entry",
   props: {
     minHeight: {}
@@ -394,40 +394,43 @@ const Gt = /* @__PURE__ */ J({
       paddingRight: "4px",
       marginBottom: "1px",
       userSelect: "none"
-    })), a = (r) => {
-      n("menu", r.clientX, r.clientY);
+    })), a = (u) => {
+      n("menu", u.clientX, u.clientY);
     };
-    return (r, u) => {
-      const g = le("ripple");
-      return ee((S(), H("div", {
+    return (u, r) => {
+      const y = le("ripple");
+      return ee((k(), E("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
         style: I(i.value),
-        onContextmenu: z(a, ["self", "prevent"]),
-        onMouseover: u[0] || (u[0] = (d) => l.value = !0),
-        onMouseout: u[1] || (u[1] = (d) => l.value = !1)
+        onContextmenu: F(a, ["self", "prevent"]),
+        onMouseover: r[0] || (r[0] = (d) => l.value = !0),
+        onMouseout: r[1] || (r[1] = (d) => l.value = !1)
       }, [
-        pt(r.$slots, "default")
+        dt(u.$slots, "default")
       ], 36)), [
-        [g]
+        [y]
       ]);
     };
   }
 });
-function Qt(o, s, t) {
+function Xt(o, s, t) {
   const { t: e } = te();
   return { renderProp: (l, i, a) => {
-    const r = l[l.length - 1];
-    let g = typeof r == "number" ? `[${r + 1}]` : e(i.name);
-    return ce(o.value, l) && (g += " *"), h(
-      Wt,
+    const u = l[l.length - 1];
+    let y = typeof u == "number" ? `[${u + 1}]` : e(i.name);
+    return ae(o.value, l) && (y += " *"), h(
+      Ht,
       {
         minHeight: s.value,
-        onMenu: (d, f) => {
-          ae.emit("propTreeMenu", { x: d, y: f, keys: l });
+        onMenu: (d, g) => {
+          ue.emit("propTreeMenu", { x: d, y: g, keys: l });
         }
       },
       () => [
-        h("span", { style: { marginLeft: "4px", pointerEvents: "none" }, innerHTML: g }),
+        h("span", {
+          style: { marginLeft: "4px", pointerEvents: "none" },
+          innerHTML: y
+        }),
         h("div", { style: { width: t.value } }, a)
       ]
     );
@@ -463,7 +466,7 @@ const ne = (o, s, t, e, n, l) => {
     (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "compSelect") && (e || (a = void 0)), a !== t[s.key] && (t[s.key] = a, n(o, t[s.key]));
   }
 };
-function Zt(o) {
+function Ft(o) {
   return { renderUiDummy: (t, e, n, l, i) => {
     if (e.ui !== "dummy") {
       console.assert(!1, "renderUiDummy prop ui must be dummy");
@@ -472,50 +475,50 @@ function Zt(o) {
     ne(t, e, n, o, l, i);
   } };
 }
-const Et = { class: "d-flex justify-space-between align-center" }, jt = /* @__PURE__ */ J({
+const zt = { class: "d-flex justify-space-between align-center" }, Gt = /* @__PURE__ */ R({
   __name: "strInput",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ Y({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
   setup(o, { emit: s }) {
-    const t = G(o, "modelValue"), e = s;
+    const t = z(o, "modelValue"), e = s;
     return (n, l) => {
-      const i = $("v-text-field"), a = $("v-btn"), r = le("ripple");
-      return S(), H("div", Et, [
-        ee(b(i, {
+      const i = S("v-text-field"), a = S("v-btn"), u = le("ripple");
+      return k(), E("div", zt, [
+        ee(M(i, {
           modelValue: t.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
+          "onUpdate:modelValue": l[0] || (l[0] = (r) => t.value = r),
           density: "compact",
           "hide-details": "",
           "single-line": "",
           readonly: n.readonly
         }, null, 8, ["modelValue", "readonly"]), [
           [
-            r,
+            u,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        n.hasDelete ? (S(), B(a, {
+        n.hasDelete ? (k(), B(a, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
-          icon: C(re),
-          onClick: l[1] || (l[1] = z((u) => e("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Y("", !0)
+          icon: "mdi-minus",
+          onClick: l[1] || (l[1] = F((r) => e("delete"), ["stop"]))
+        })) : G("", !0)
       ]);
     };
   }
 });
-function It(o) {
-  return { renderUiStrInput: (t, e, n, l, i) => e.ui !== "strInput" ? (console.assert(!1), h("div", "renderUiStrInput prop ui must be strInput")) : h(jt, {
+function Yt(o) {
+  return { renderUiStrInput: (t, e, n, l, i) => e.ui !== "strInput" ? (console.assert(!1), h("div", "renderUiStrInput prop ui must be strInput")) : h(Gt, {
     modelValue: e.static ? e.value : ne(
       t,
       e,
@@ -542,9 +545,9 @@ function It(o) {
     readonly: e.static || e.readonly
   }) };
 }
-const en = { class: "d-flex justify-space-between align-center" }, tn = /* @__PURE__ */ J({
+const Wt = { class: "d-flex justify-space-between align-center" }, Qt = /* @__PURE__ */ R({
   __name: "numInput",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ Y({
     hasDelete: { type: Boolean, default: !1 },
     precision: { default: () => {
     } },
@@ -556,15 +559,15 @@ const en = { class: "d-flex justify-space-between align-center" }, tn = /* @__PU
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
   setup(o, { emit: s }) {
-    const t = G(o, "modelValue"), e = s;
+    const t = z(o, "modelValue"), e = s;
     return (n, l) => {
-      const i = $("v-number-input"), a = $("v-btn"), r = le("ripple");
-      return S(), H("div", en, [
-        ee(b(i, {
+      const i = S("v-number-input"), a = S("v-btn"), u = le("ripple");
+      return k(), E("div", Wt, [
+        ee(M(i, {
           modelValue: t.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
+          "onUpdate:modelValue": l[0] || (l[0] = (r) => t.value = r),
           density: "compact",
           "control-variant": "stacked",
           precision: n.precision,
@@ -576,26 +579,26 @@ const en = { class: "d-flex justify-space-between align-center" }, tn = /* @__PU
           readonly: n.readonly
         }, null, 8, ["modelValue", "precision", "min", "max", "step", "readonly"]), [
           [
-            r,
+            u,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        n.hasDelete ? (S(), B(a, {
+        n.hasDelete ? (k(), B(a, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
-          icon: C(re),
-          onClick: l[1] || (l[1] = z((u) => e("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Y("", !0)
+          icon: "mdi-minus",
+          onClick: l[1] || (l[1] = F((r) => e("delete"), ["stop"]))
+        })) : G("", !0)
       ]);
     };
   }
 });
-function nn(o) {
-  return { renderUiNumInput: (t, e, n, l, i) => e.ui !== "numInput" ? (console.assert(!1), h("div", "renderUiNumInput prop ui must be numInput")) : h(tn, {
+function Zt(o) {
+  return { renderUiNumInput: (t, e, n, l, i) => e.ui !== "numInput" ? (console.assert(!1), h("div", "renderUiNumInput prop ui must be numInput")) : h(Qt, {
     modelValue: ne(
       t,
       e,
@@ -626,44 +629,44 @@ function nn(o) {
     readonly: e.readonly
   }) };
 }
-const ln = { class: "d-flex justify-space-between align-center" }, on = /* @__PURE__ */ J({
+const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PURE__ */ R({
   __name: "switch",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ Y({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
   setup(o, { emit: s }) {
-    const t = G(o, "modelValue"), e = s;
+    const t = z(o, "modelValue"), e = s;
     return (n, l) => {
-      const i = $("v-switch"), a = $("v-btn");
-      return S(), H("div", ln, [
-        b(i, {
+      const i = S("v-switch"), a = S("v-btn");
+      return k(), E("div", jt, [
+        M(i, {
           modelValue: t.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (r) => t.value = r),
+          "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
           class: "ml-1",
           density: "compact",
           color: "primary",
           "hide-details": "",
           readonly: n.readonly
         }, null, 8, ["modelValue", "readonly"]),
-        n.hasDelete ? (S(), B(a, {
+        n.hasDelete ? (k(), B(a, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
-          icon: C(re),
-          onClick: l[1] || (l[1] = z((r) => e("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Y("", !0)
+          icon: "mdi-minus",
+          onClick: l[1] || (l[1] = F((u) => e("delete"), ["stop"]))
+        })) : G("", !0)
       ]);
     };
   }
 });
-function sn(o) {
-  return { renderUiSwitch: (t, e, n, l, i) => e.ui !== "switch" ? (console.assert(!1), h("div", "renderUiSwitch prop ui must be switch")) : h(on, {
+function en(o) {
+  return { renderUiSwitch: (t, e, n, l, i) => e.ui !== "switch" ? (console.assert(!1), h("div", "renderUiSwitch prop ui must be switch")) : h(It, {
     modelValue: ne(
       t,
       e,
@@ -690,9 +693,9 @@ function sn(o) {
     readonly: e.readonly
   }) };
 }
-const rn = { class: "d-flex justify-space-between align-center" }, un = /* @__PURE__ */ J({
+const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PURE__ */ R({
   __name: "select",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ Y({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
     items: {}
@@ -700,21 +703,20 @@ const rn = { class: "d-flex justify-space-between align-center" }, un = /* @__PU
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
   setup(o, { emit: s }) {
-    const { t } = te(), e = G(o, "modelValue"), n = s, l = Te(), i = K(() => {
-      var r;
+    const { t } = te(), e = z(o, "modelValue"), n = s, l = be(), i = K(() => {
       const a = [];
-      return (r = Ye[l.value]) == null || r.items[o.items].forEach(({ title: u, value: g }) => {
-        a.push({ title: t(u), value: g });
+      return He[l.value]?.items[o.items].forEach(({ title: u, value: r }) => {
+        a.push({ title: t(u), value: r });
       }), a;
     });
-    return (a, r) => {
-      const u = $("v-select"), g = $("v-btn"), d = le("ripple");
-      return S(), H("div", rn, [
-        ee(b(u, {
+    return (a, u) => {
+      const r = S("v-select"), y = S("v-btn"), d = le("ripple");
+      return k(), E("div", tn, [
+        ee(M(r, {
           modelValue: e.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (f) => e.value = f),
+          "onUpdate:modelValue": u[0] || (u[0] = (g) => e.value = g),
           density: "compact",
           items: i.value,
           "hide-details": "",
@@ -728,20 +730,20 @@ const rn = { class: "d-flex justify-space-between align-center" }, un = /* @__PU
             { stop: !0 }
           ]
         ]),
-        a.hasDelete ? (S(), B(g, {
+        a.hasDelete ? (k(), B(y, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
-          icon: C(re),
-          onClick: r[1] || (r[1] = z((f) => n("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Y("", !0)
+          icon: "mdi-minus",
+          onClick: u[1] || (u[1] = F((g) => n("delete"), ["stop"]))
+        })) : G("", !0)
       ]);
     };
   }
 });
-function an(o) {
-  return { renderUiSelect: (t, e, n, l, i) => e.ui !== "select" ? (console.assert(!1), h("div", "renderUiSelect prop ui must be select")) : h(un, {
+function ln(o) {
+  return { renderUiSelect: (t, e, n, l, i) => e.ui !== "select" ? (console.assert(!1), h("div", "renderUiSelect prop ui must be select")) : h(nn, {
     modelValue: ne(
       t,
       e,
@@ -769,7 +771,7 @@ function an(o) {
     readonly: e.readonly
   }) };
 }
-const cn = { class: "text-subtitle-2 ml-1" }, dn = { class: "text-caption text-grey ml-1" }, fn = /* @__PURE__ */ J({
+const on = { class: "text-subtitle-2 ml-1" }, sn = { class: "text-caption text-grey ml-1" }, rn = /* @__PURE__ */ R({
   __name: "group",
   props: {
     id: {},
@@ -785,27 +787,27 @@ const cn = { class: "text-subtitle-2 ml-1" }, dn = { class: "text-caption text-g
       marginBottom: "1px",
       userSelect: "none"
     }));
-    return (r, u) => {
-      const g = $("v-icon"), d = le("ripple");
-      return ee((S(), H("div", {
+    return (u, r) => {
+      const y = S("v-icon"), d = le("ripple");
+      return ee((k(), E("div", {
         class: "d-flex align-center cursor-pointer",
         style: I(a.value),
-        onClick: u[0] || (u[0] = (f) => l("x-click", n.id)),
-        onMouseover: u[1] || (u[1] = (f) => i.value = !0),
-        onMouseout: u[2] || (u[2] = (f) => i.value = !1)
+        onClick: r[0] || (r[0] = (g) => l("x-click", n.id)),
+        onMouseover: r[1] || (r[1] = (g) => i.value = !0),
+        onMouseout: r[2] || (r[2] = (g) => i.value = !1)
       }, [
-        b(g, {
-          icon: n.collapse ? C(Xe) : C(Fe),
+        M(y, {
+          icon: n.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
           size: "small"
         }, null, 8, ["icon"]),
-        F("span", cn, Q(n.title), 1),
-        F("span", dn, Q(n.count), 1)
+        X("span", on, W(n.title), 1),
+        X("span", sn, W(n.count), 1)
       ], 36)), [
         [d]
       ]);
     };
   }
-}), mn = { class: "text-subtitle-1 ml-6" }, vn = /* @__PURE__ */ J({
+}), un = { class: "text-subtitle-1 ml-6" }, an = /* @__PURE__ */ R({
   __name: "item",
   props: {
     id: {},
@@ -819,25 +821,25 @@ const cn = { class: "text-subtitle-2 ml-1" }, dn = { class: "text-caption text-g
       marginBottom: "1px",
       userSelect: "none"
     }));
-    return (r, u) => {
-      const g = le("ripple");
-      return ee((S(), H("div", {
+    return (u, r) => {
+      const y = le("ripple");
+      return ee((k(), E("div", {
         class: "d-flex align-center cursor-pointer",
         style: I(a.value),
-        onClick: u[0] || (u[0] = (d) => l("x-click", n.id)),
-        onMouseover: u[1] || (u[1] = (d) => i.value = !0),
-        onMouseout: u[2] || (u[2] = (d) => i.value = !1)
+        onClick: r[0] || (r[0] = (d) => l("x-click", n.id)),
+        onMouseover: r[1] || (r[1] = (d) => i.value = !0),
+        onMouseout: r[2] || (r[2] = (d) => i.value = !1)
       }, [
-        F("span", mn, Q(n.title), 1)
+        X("span", un, W(n.title), 1)
       ], 36)), [
-        [g]
+        [y]
       ]);
     };
   }
-}), pn = { key: 0 }, yn = {
+}), cn = { key: 0 }, dn = {
   key: 1,
   class: "text-body-2 text-grey ml-3"
-}, gn = /* @__PURE__ */ J({
+}, fn = /* @__PURE__ */ R({
   __name: "index",
   props: {
     modelValue: {},
@@ -847,34 +849,34 @@ const cn = { class: "text-subtitle-2 ml-1" }, dn = { class: "text-caption text-g
   },
   emits: ["update:modelValue", "update:open"],
   setup(o) {
-    const { t: s } = te(), t = G(o, "modelValue"), e = G(o, "open"), n = et(), l = (a) => {
-      const r = ze(n, a);
-      r && Ct(n, a, !r.collapse);
+    const { t: s } = te(), t = z(o, "modelValue"), e = z(o, "open"), n = Qe(), l = (a) => {
+      const u = Ee(n, a);
+      u && gt(n, a, !u.collapse);
     }, i = (a) => {
-      t.value = a, e.value = !1, ae.emit("refreshDepends");
+      t.value = a, e.value = !1, ue.emit("refreshDepends");
     };
-    return (a, r) => C(n).length > 0 ? (S(), H("div", pn, [
-      (S(!0), H(Ve, null, Be(C(n), (u) => (S(), H(Ve, {
-        key: u.id
+    return (a, u) => T(n).length > 0 ? (k(), E("div", cn, [
+      (k(!0), E(ke, null, qe(T(n), (r) => (k(), E(ke, {
+        key: r.id
       }, [
-        u.type === 0 ? (S(), B(fn, {
+        r.type === 0 ? (k(), B(rn, {
           key: 0,
-          id: u.id,
-          title: u.name,
-          collapse: u.collapse,
-          count: u.count ?? 0,
+          id: r.id,
+          title: r.name,
+          collapse: r.collapse,
+          count: r.count ?? 0,
           onXClick: l
-        }, null, 8, ["id", "title", "collapse", "count"])) : Y("", !0),
-        u.type === 1 && u.show ? (S(), B(vn, {
+        }, null, 8, ["id", "title", "collapse", "count"])) : G("", !0),
+        r.type === 1 && r.show ? (k(), B(an, {
           key: 1,
-          id: u.id,
-          title: u.name,
+          id: r.id,
+          title: r.name,
           onXClick: i
-        }, null, 8, ["id", "title"])) : Y("", !0)
+        }, null, 8, ["id", "title"])) : G("", !0)
       ], 64))), 128))
-    ])) : (S(), H("div", yn, Q(C(s)("x-prop-tree.noComp")), 1));
+    ])) : (k(), E("div", dn, W(T(s)("x-prop-tree.noComp")), 1));
   }
-}), hn = { class: "text-subtitle-1 ml-3" }, _n = /* @__PURE__ */ J({
+}), mn = { class: "text-subtitle-1 ml-3" }, vn = /* @__PURE__ */ R({
   __name: "index",
   props: {
     modelValue: {},
@@ -882,92 +884,92 @@ const cn = { class: "text-subtitle-2 ml-1" }, dn = { class: "text-caption text-g
   },
   emits: ["update:modelValue"],
   setup(o) {
-    const { t: s } = te(), t = Pt(), { sysBarAvail: e } = Je(), { backgroundColor1: n } = ie(), l = G(o, "modelValue"), i = et(), a = K(() => {
-      let f = "100%";
-      return t.mdAndUp.value && (f = "400px"), {
+    const { t: s } = te(), t = Ct(), { sysBarAvail: e } = Je(), { backgroundColor1: n } = ie(), l = z(o, "modelValue"), i = Qe(), a = K(() => {
+      let g = "100%";
+      return t.mdAndUp.value && (g = "400px"), {
         background: n.value,
-        width: f,
+        width: g,
         height: "100%"
       };
-    }), r = K(() => {
-      let f = 48;
-      return e.value && (f += 24), {
+    }), u = K(() => {
+      let g = 48;
+      return e.value && (g += 24), {
         position: "relative",
-        height: `calc(100% - ${f}px)`
+        height: `calc(100% - ${g}px)`
       };
-    }), u = K(() => ({
+    }), r = K(() => ({
       height: "60px"
-    })), g = K(() => {
+    })), y = K(() => {
       if (!l.value)
         return s("x-runtime-lib.notSet");
-      const f = ze(i, l.value);
-      return f ? f.name : s("x-runtime-lib.compNotAvail");
-    }), { open: d } = Se(`propTreeCompSelectDlg${we()}`);
-    return De(() => {
+      const g = Ee(i, l.value);
+      return g ? g.name : s("x-runtime-lib.compNotAvail");
+    }), { open: d } = Ce(`propTreeCompSelectDlg${Me()}`);
+    return we(() => {
       d.value = !1;
-    }), (f, m) => {
-      const k = $("v-btn"), L = $("v-sheet"), w = $("v-icon"), T = $("v-dialog");
-      return S(), B(T, {
-        modelValue: C(d),
-        "onUpdate:modelValue": m[5] || (m[5] = (P) => pe(d) ? d.value = P : null),
+    }), (g, v) => {
+      const x = S("v-btn"), L = S("v-sheet"), P = S("v-icon"), D = S("v-dialog");
+      return k(), B(D, {
+        modelValue: T(d),
+        "onUpdate:modelValue": v[5] || (v[5] = (U) => ve(d) ? d.value = U : null),
         transition: "scroll-x-reverse-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
-        onKeydown: m[6] || (m[6] = Ke(z((P) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: v[6] || (v[6] = Be(F((U) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: R(({ props: P }) => [
-          b(k, be(P, {
+        activator: J(({ props: U }) => [
+          M(x, De(U, {
             density: "comfortable",
             block: ""
           }), {
-            default: R(() => [
-              Ce(Q(g.value), 1)
+            default: J(() => [
+              Ve(W(y.value), 1)
             ]),
             _: 2
           }, 1040)
         ]),
-        default: R(() => [
-          F("div", {
+        default: J(() => [
+          X("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
-            onClick: m[3] || (m[3] = z((P) => d.value = !1, ["self"])),
-            onContextmenu: m[4] || (m[4] = z((P) => d.value = !1, ["self", "prevent"]))
+            onClick: v[3] || (v[3] = F((U) => d.value = !1, ["self"])),
+            onContextmenu: v[4] || (v[4] = F((U) => d.value = !1, ["self", "prevent"]))
           }, [
-            F("div", {
+            X("div", {
               class: "elevation-2",
               style: I(a.value)
             }, [
-              C(e) ? (S(), B(L, {
+              T(e) ? (k(), B(L, {
                 key: 0,
                 color: "transparent",
                 height: 24
-              })) : Y("", !0),
-              b(L, {
+              })) : G("", !0),
+              M(L, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
-                default: R(() => [
-                  b(w, {
-                    icon: C(Ge),
-                    onClick: m[0] || (m[0] = (P) => d.value = !1)
-                  }, null, 8, ["icon"]),
-                  F("span", hn, Q(C(s)("x-prop-tree.dlg.compSelect.title")), 1)
+                default: J(() => [
+                  M(P, {
+                    icon: "mdi-close",
+                    onClick: v[0] || (v[0] = (U) => d.value = !1)
+                  }),
+                  X("span", mn, W(T(s)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
                 _: 1
               }),
-              F("div", {
+              X("div", {
                 class: "overflow-y-auto",
-                style: I(r.value)
+                style: I(u.value)
               }, [
-                b(gn, {
+                M(fn, {
                   modelValue: l.value,
-                  "onUpdate:modelValue": m[1] || (m[1] = (P) => l.value = P),
-                  open: C(d),
-                  "onUpdate:open": m[2] || (m[2] = (P) => pe(d) ? d.value = P : null)
+                  "onUpdate:modelValue": v[1] || (v[1] = (U) => l.value = U),
+                  open: T(d),
+                  "onUpdate:open": v[2] || (v[2] = (U) => ve(d) ? d.value = U : null)
                 }, null, 8, ["modelValue", "open"]),
-                F("div", {
-                  style: I(u.value)
+                X("div", {
+                  style: I(r.value)
                 }, null, 4)
               ], 4)
             ], 4)
@@ -978,8 +980,8 @@ const cn = { class: "text-subtitle-2 ml-1" }, dn = { class: "text-caption text-g
     };
   }
 });
-function kn(o) {
-  return { renderUiCompSelect: (t, e, n, l, i) => e.ui !== "compSelect" ? (console.assert(!1), h("div", "renderUiCompSelect prop ui must be compSelect")) : h(_n, {
+function pn(o) {
+  return { renderUiCompSelect: (t, e, n, l, i) => e.ui !== "compSelect" ? (console.assert(!1), h("div", "renderUiCompSelect prop ui must be compSelect")) : h(vn, {
     modelValue: ne(
       t,
       e,
@@ -1001,65 +1003,65 @@ function kn(o) {
     }
   }) };
 }
-const Vn = { class: "d-flex justify-space-between align-center" }, Cn = /* @__PURE__ */ J({
+const yn = { class: "d-flex justify-space-between align-center" }, gn = /* @__PURE__ */ R({
   __name: "colorPicker",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ Y({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
   setup(o, { emit: s }) {
-    const { t } = te(), e = G(o, "modelValue"), n = s, l = K(() => {
-      let r = "100%";
-      return o.hasDelete && (r = "calc(100% - 37px)"), {
-        width: r
+    const { t } = te(), e = z(o, "modelValue"), n = s, l = K(() => {
+      let u = "100%";
+      return o.hasDelete && (u = "calc(100% - 37px)"), {
+        width: u
       };
-    }), i = K(() => o.readonly), { open: a } = Se(`propTreeColorPickerMenu${we()}`);
-    return De(() => {
+    }), i = K(() => o.readonly), { open: a } = Ce(`propTreeColorPickerMenu${Me()}`);
+    return we(() => {
       a.value = !1;
-    }), (r, u) => {
-      const g = $("v-btn"), d = $("v-color-picker"), f = $("v-menu");
-      return S(), B(f, {
-        modelValue: C(a),
-        "onUpdate:modelValue": u[2] || (u[2] = (m) => pe(a) ? a.value = m : null),
+    }), (u, r) => {
+      const y = S("v-btn"), d = S("v-color-picker"), g = S("v-menu");
+      return k(), B(g, {
+        modelValue: T(a),
+        "onUpdate:modelValue": r[2] || (r[2] = (v) => ve(a) ? a.value = v : null),
         "close-on-content-click": !1,
         scrim: "transparent"
       }, {
-        activator: R(({ props: m }) => [
-          F("div", Vn, [
-            F("div", {
+        activator: J(({ props: v }) => [
+          X("div", yn, [
+            X("div", {
               class: "flex-grow-1",
               style: I(l.value)
             }, [
-              b(g, be(m, {
+              M(y, De(v, {
                 density: "comfortable",
                 color: e.value,
                 block: "",
                 disabled: i.value
               }), {
-                default: R(() => [
-                  Ce(Q(e.value ? e.value : C(t)("x-runtime-lib.notSet")), 1)
+                default: J(() => [
+                  Ve(W(e.value ? e.value : T(t)("x-runtime-lib.notSet")), 1)
                 ]),
                 _: 2
               }, 1040, ["color", "disabled"])
             ], 4),
-            r.hasDelete ? (S(), B(g, {
+            u.hasDelete ? (k(), B(y, {
               key: 0,
               class: "mx-2",
               variant: "text",
               density: "compact",
-              icon: C(re),
-              onClick: u[0] || (u[0] = z((k) => n("delete"), ["stop"]))
-            }, null, 8, ["icon"])) : Y("", !0)
+              icon: "mdi-minus",
+              onClick: r[0] || (r[0] = F((x) => n("delete"), ["stop"]))
+            })) : G("", !0)
           ])
         ]),
-        default: R(() => [
-          b(d, {
+        default: J(() => [
+          M(d, {
             modelValue: e.value,
-            "onUpdate:modelValue": u[1] || (u[1] = (m) => e.value = m),
+            "onUpdate:modelValue": r[1] || (r[1] = (v) => e.value = v),
             mode: "hexa",
             "show-swatches": "",
             "swatches-max-height": "150px"
@@ -1070,8 +1072,8 @@ const Vn = { class: "d-flex justify-space-between align-center" }, Cn = /* @__PU
     };
   }
 });
-function Sn(o) {
-  return { renderUiColorPicker: (t, e, n, l, i) => e.ui !== "colorPicker" ? (console.assert(!1), h("div", "renderUiColorPicker prop ui must be colorPicker")) : h(Cn, {
+function hn(o) {
+  return { renderUiColorPicker: (t, e, n, l, i) => e.ui !== "colorPicker" ? (console.assert(!1), h("div", "renderUiColorPicker prop ui must be colorPicker")) : h(gn, {
     modelValue: ne(
       t,
       e,
@@ -1098,105 +1100,93 @@ function Sn(o) {
     readonly: e.readonly
   }) };
 }
-const Un = { class: "d-flex justify-space-between align-center my-2" }, $n = { class: "flex-grow-1" }, xn = /* @__PURE__ */ J({
+const _n = { class: "d-flex justify-space-between align-center my-2" }, kn = { class: "flex-grow-1" }, Vn = /* @__PURE__ */ R({
   __name: "multiTypes",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ Y({
     hasDelete: { type: Boolean, default: !1 },
     types: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ W(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
   setup(o, { emit: s }) {
-    const { t } = te(), e = G(o, "modelValue"), n = s, l = Te(), i = K(() => {
-      var f;
-      return (f = Ye[l.value]) == null ? void 0 : f.types[o.types];
-    }), a = O(0), r = K(() => {
-      var m;
-      const f = [];
-      return (m = i.value) == null || m.forEach(({ title: k }, L) => {
-        f.push({
-          title: t(k),
-          value: L
+    const { t } = te(), e = z(o, "modelValue"), n = s, l = be(), i = K(() => He[l.value]?.types[o.types]), a = O(0), u = K(() => {
+      const g = [];
+      return i.value?.forEach(({ title: v }, x) => {
+        g.push({
+          title: t(v),
+          value: x
         });
-      }), f;
+      }), g;
     });
-    Ne(() => {
-      var f;
-      (f = i.value) == null || f.some((m, k) => m.validator(e.value) ? (a.value = k, !0) : !1);
+    Le(() => {
+      i.value?.some((g, v) => g.validator(e.value) ? (a.value = v, !0) : !1);
     });
-    const u = K(() => {
-      var f;
-      return (f = i.value) == null ? void 0 : f[a.value];
-    }), g = () => {
-      var f;
-      e.value = (f = u.value) == null ? void 0 : f.default;
+    const r = K(() => i.value?.[a.value]), y = () => {
+      e.value = r.value?.default;
     }, d = O(0);
-    return Ne(() => {
-      var f, m;
-      ((f = u.value) == null ? void 0 : f.ui) === "pixelInput" ? d.value = Ut(e.value) : ((m = u.value) == null ? void 0 : m.ui) === "percentInput" && (d.value = $t(e.value));
-    }), ue(d, (f) => {
-      var m, k;
-      ((m = u.value) == null ? void 0 : m.ui) === "pixelInput" ? e.value = f + "px" : ((k = u.value) == null ? void 0 : k.ui) === "percentInput" && (e.value = f + "%");
-    }), (f, m) => {
-      var P, _;
-      const k = $("v-select"), L = $("v-number-input"), w = $("v-btn"), T = le("ripple");
-      return S(), H("div", Un, [
-        F("div", $n, [
-          ee(b(k, {
+    return Le(() => {
+      r.value?.ui === "pixelInput" ? d.value = _t(e.value) : r.value?.ui === "percentInput" && (d.value = kt(e.value));
+    }), re(d, (g) => {
+      r.value?.ui === "pixelInput" ? e.value = g + "px" : r.value?.ui === "percentInput" && (e.value = g + "%");
+    }), (g, v) => {
+      const x = S("v-select"), L = S("v-number-input"), P = S("v-btn"), D = le("ripple");
+      return k(), E("div", _n, [
+        X("div", kn, [
+          ee(M(x, {
             modelValue: a.value,
             "onUpdate:modelValue": [
-              m[0] || (m[0] = (M) => a.value = M),
-              g
+              v[0] || (v[0] = (U) => a.value = U),
+              y
             ],
             density: "compact",
-            items: r.value,
+            items: u.value,
             "hide-details": "",
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              T,
+              D,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]),
-          ((P = u.value) == null ? void 0 : P.ui) === "pixelInput" || ((_ = u.value) == null ? void 0 : _.ui) === "percentInput" ? ee((S(), B(L, {
+          r.value?.ui === "pixelInput" || r.value?.ui === "percentInput" ? ee((k(), B(L, {
             key: 0,
             modelValue: d.value,
-            "onUpdate:modelValue": m[1] || (m[1] = (M) => d.value = M),
+            "onUpdate:modelValue": v[1] || (v[1] = (U) => d.value = U),
             density: "compact",
             "control-variant": "stacked",
-            precision: u.value.precision,
-            min: u.value.min,
-            max: u.value.max,
-            step: u.value.step,
+            precision: r.value.precision,
+            min: r.value.min,
+            max: r.value.max,
+            step: r.value.step,
             "hide-details": "",
             "single-line": ""
           }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
             [
-              T,
+              D,
               void 0,
               void 0,
               { stop: !0 }
             ]
-          ]) : Y("", !0)
+          ]) : G("", !0)
         ]),
-        f.hasDelete ? (S(), B(w, {
+        g.hasDelete ? (k(), B(P, {
           key: 0,
           class: "mx-2",
           variant: "text",
           density: "compact",
-          icon: C(re),
-          onClick: m[2] || (m[2] = z((M) => n("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Y("", !0)
+          icon: "mdi-minus",
+          onClick: v[2] || (v[2] = F((U) => n("delete"), ["stop"]))
+        })) : G("", !0)
       ]);
     };
   }
 });
-function Pn(o) {
-  return { renderUiMultiTypes: (t, e, n, l, i) => e.ui !== "multiTypes" ? (console.assert(!1), h("div", "renderUiMultiTypes prop ui must be multiTypes")) : h(xn, {
+function Cn(o) {
+  return { renderUiMultiTypes: (t, e, n, l, i) => e.ui !== "multiTypes" ? (console.assert(!1), h("div", "renderUiMultiTypes prop ui must be multiTypes")) : h(Vn, {
     modelValue: ne(
       t,
       e,
@@ -1223,7 +1213,7 @@ function Pn(o) {
     types: e.types
   }) };
 }
-const Mn = /* @__PURE__ */ J({
+const Sn = /* @__PURE__ */ R({
   __name: "editor",
   props: {
     modelValue: { required: !0 },
@@ -1235,29 +1225,28 @@ const Mn = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue", "update:lock", "update:scale"],
   setup(o, { expose: s }) {
-    const t = G(o, "modelValue"), e = G(o, "lock"), n = G(o, "scale"), l = _t(), i = kt(), a = Te(), r = Re("target"), u = () => {
-      var f;
+    const t = z(o, "modelValue"), e = z(o, "lock"), n = z(o, "scale"), l = pt(), i = yt(), a = be(), u = Ke("target"), r = () => {
       const d = JSON.parse(t.value);
-      (f = r.value) == null || f.load(d);
+      u.value?.load(d);
     };
     return s({ save: () => {
-      const d = r.value.save();
+      const d = u.value.save();
       t.value = JSON.stringify(d, null, 2);
-    } }), (d, f) => (S(), B(C(Mt), {
+    } }), (d, g) => (k(), B(T(St), {
       ref_key: "target",
-      ref: r,
+      ref: u,
       lock: e.value,
-      "onUpdate:lock": f[0] || (f[0] = (m) => e.value = m),
+      "onUpdate:lock": g[0] || (g[0] = (v) => e.value = v),
       scale: n.value,
-      "onUpdate:scale": f[1] || (f[1] = (m) => n.value = m),
+      "onUpdate:scale": g[1] || (g[1] = (v) => n.value = v),
       type: "json",
-      version: C(a),
-      locale: C(i),
-      dark: C(l),
-      onReady: u
+      version: T(a),
+      locale: T(i),
+      dark: T(l),
+      onReady: r
     }, null, 8, ["lock", "scale", "version", "locale", "dark"]));
   }
-}), wn = { class: "text-subtitle-1" }, Dn = /* @__PURE__ */ J({
+}), Un = { class: "text-subtitle-1" }, $n = /* @__PURE__ */ R({
   __name: "index",
   props: {
     modelValue: { required: !0 },
@@ -1265,85 +1254,84 @@ const Mn = /* @__PURE__ */ J({
   },
   emits: ["update:modelValue"],
   setup(o) {
-    const { t: s } = te(), { sysBarAvail: t } = Je(), { backgroundColor0: e, backgroundColor1: n, backgroundColor2: l } = ie(), i = G(o, "modelValue"), a = O(!1), r = O(1), u = K(() => {
-      let m = 48;
-      return t.value && (m += 24), {
+    const { t: s } = te(), { sysBarAvail: t } = Je(), { backgroundColor0: e, backgroundColor1: n, backgroundColor2: l } = ie(), i = z(o, "modelValue"), a = O(!1), u = O(1), r = K(() => {
+      let v = 48;
+      return t.value && (v += 24), {
         position: "relative",
         background: n.value,
-        height: `calc(100% - ${m}px)`
+        height: `calc(100% - ${v}px)`
       };
-    }), g = K(() => s("x-prop-tree.dlg.jsonObject.title")), { open: d } = Se(`propTreeJsonObjectDlg${we()}`);
-    De(() => {
+    }), y = K(() => s("x-prop-tree.dlg.jsonObject.title")), { open: d } = Ce(`propTreeJsonObjectDlg${Me()}`);
+    we(() => {
       d.value = !1;
     });
-    const f = Re("editor");
-    return ue(d, (m) => {
-      var k;
-      m || (k = f.value) == null || k.save();
-    }), (m, k) => {
-      const L = $("v-btn"), w = $("v-sheet"), T = $("v-spacer"), P = $("v-dialog");
-      return S(), B(P, {
-        modelValue: C(d),
-        "onUpdate:modelValue": k[4] || (k[4] = (_) => pe(d) ? d.value = _ : null),
+    const g = Ke("editor");
+    return re(d, (v) => {
+      v || g.value?.save();
+    }), (v, x) => {
+      const L = S("v-btn"), P = S("v-sheet"), D = S("v-spacer"), U = S("v-dialog");
+      return k(), B(U, {
+        modelValue: T(d),
+        "onUpdate:modelValue": x[4] || (x[4] = (V) => ve(d) ? d.value = V : null),
         transition: "dialog-bottom-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
         attach: "",
-        onKeydown: k[5] || (k[5] = Ke(z((_) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: x[5] || (x[5] = Be(F((V) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: R(({ props: _ }) => [
-          b(L, be(_, {
+        activator: J(({ props: V }) => [
+          M(L, De(V, {
             density: "comfortable",
             block: ""
           }), {
-            default: R(() => [
-              Ce(Q(g.value), 1)
+            default: J(() => [
+              Ve(W(y.value), 1)
             ]),
             _: 2
           }, 1040)
         ]),
-        default: R(() => [
-          b(w, {
-            color: C(e),
+        default: J(() => [
+          M(P, {
+            color: T(e),
             width: "100%",
             height: "100%"
           }, {
-            default: R(() => [
-              C(t) ? (S(), B(w, {
+            default: J(() => [
+              T(t) ? (k(), B(P, {
                 key: 0,
-                color: C(l),
+                color: T(l),
                 height: 24
-              }, null, 8, ["color"])) : Y("", !0),
-              b(w, {
+              }, null, 8, ["color"])) : G("", !0),
+              M(P, {
                 class: "d-flex align-center px-2",
-                color: C(l),
+                color: T(l),
                 height: 48
               }, {
-                default: R(() => [
-                  b(L, {
+                default: J(() => [
+                  M(L, {
                     variant: "text",
                     density: "comfortable",
-                    icon: C(Ge),
-                    onClick: k[0] || (k[0] = (_) => d.value = !1)
-                  }, null, 8, ["icon"]),
-                  F("span", wn, Q(C(s)("x-prop-tree.dlg.jsonObject.title")), 1),
-                  b(T)
+                    icon: "mdi-close",
+                    onClick: x[0] || (x[0] = (V) => d.value = !1)
+                  }),
+                  X("span", Un, W(T(s)("x-prop-tree.dlg.jsonObject.title")), 1),
+                  M(D)
                 ]),
                 _: 1
               }, 8, ["color"]),
-              F("div", {
-                style: I(u.value)
+              X("div", {
+                style: I(r.value)
               }, [
-                b(Mn, {
+                M(Sn, {
                   ref_key: "editor",
-                  ref: f,
+                  ref: g,
                   modelValue: i.value,
-                  "onUpdate:modelValue": k[1] || (k[1] = (_) => i.value = _),
+                  "onUpdate:modelValue": x[1] || (x[1] = (V) => i.value = V),
                   lock: a.value,
-                  "onUpdate:lock": k[2] || (k[2] = (_) => a.value = _),
-                  scale: r.value,
-                  "onUpdate:scale": k[3] || (k[3] = (_) => r.value = _)
+                  "onUpdate:lock": x[2] || (x[2] = (V) => a.value = V),
+                  scale: u.value,
+                  "onUpdate:scale": x[3] || (x[3] = (V) => u.value = V)
                 }, null, 8, ["modelValue", "lock", "scale"])
               ], 4)
             ]),
@@ -1355,8 +1343,8 @@ const Mn = /* @__PURE__ */ J({
     };
   }
 });
-function bn(o) {
-  return { renderUiJsonEditor: (t, e, n, l, i) => e.ui !== "jsonEditor" ? h("div", "renderUiJsonObject prop ui must be jsonEditor") : h(Dn, {
+function xn(o) {
+  return { renderUiJsonEditor: (t, e, n, l, i) => e.ui !== "jsonEditor" ? h("div", "renderUiJsonObject prop ui must be jsonEditor") : h($n, {
     modelValue: ne(
       t,
       e,
@@ -1378,7 +1366,7 @@ function bn(o) {
     }
   }) };
 }
-const An = /* @__PURE__ */ J({
+const Pn = /* @__PURE__ */ R({
   __name: "index",
   props: {
     unique: {},
@@ -1388,101 +1376,101 @@ const An = /* @__PURE__ */ J({
   },
   emits: ["change"],
   setup(o, { emit: s }) {
-    const { t } = te(), { backgroundColor1: e } = ie(), n = o, l = s, i = O("20px"), a = O("56px"), r = O("200px"), u = yt({}), g = O({}), d = (p, c) => {
-      qe(g, n.config, n.object), l("change", p, c);
+    const { t } = te(), { backgroundColor1: e } = ie(), n = o, l = s, i = O("20px"), a = O("56px"), u = O("200px"), r = ft({}), y = O({}), d = (m, c) => {
+      Oe(y, n.config, n.object), l("change", m, c);
     };
-    ue(
+    re(
       [() => n.config, () => n.object],
       () => {
-        qe(g, n.config, n.object, (p, c) => {
-          l("change", p, c);
+        Oe(y, n.config, n.object, (m, c) => {
+          l("change", m, c);
         });
       },
       { immediate: !0 }
     );
-    const f = O(n.version);
-    Ot(f), ue(
+    const g = O(n.version);
+    At(g), re(
       () => n.version,
       () => {
-        f.value = n.version;
+        g.value = n.version;
       }
     );
-    const m = O(n.config);
-    qt(m), ue(
+    const v = O(n.config);
+    bt(v), re(
       () => n.config,
       () => {
-        m.value = n.config;
+        v.value = n.config;
       }
     );
-    const k = O(n.object);
-    Kt(k), ue(
+    const x = O(n.object);
+    Lt(x), re(
       () => n.object,
       () => {
-        k.value = n.object;
+        x.value = n.object;
       }
-    ), Jt(g), Xt(d);
+    ), Ot(y), Bt(d);
     const L = O([]);
-    zt(L);
-    const w = () => {
-      const { compGroups: p, comps: c } = xt.app.activeApp, y = [];
-      p.forEach(({ id: v, name: V, position: x }) => {
-        const D = L.value.find((E) => E.id === v);
-        y.push({
-          id: v,
+    Jt(L);
+    const P = () => {
+      const { compGroups: m, comps: c } = Vt.app.activeApp, p = [];
+      m.forEach(({ id: f, name: _, position: $ }) => {
+        const b = L.value.find((Z) => Z.id === f);
+        p.push({
+          id: f,
           type: 0,
-          name: V,
-          position: x,
-          collapse: (D == null ? void 0 : D.collapse) ?? !0
+          name: _,
+          position: $,
+          collapse: b?.collapse ?? !0
         });
-      }), c.forEach(({ id: v, groupid: V, name: x, position: D }) => {
-        y.push({ id: v, type: 1, name: x, position: D, group: V });
-      }), St(y, !0), L.value = y;
+      }), c.forEach(({ id: f, groupid: _, name: $, position: b }) => {
+        p.push({ id: f, type: 1, name: $, position: b, group: _ });
+      }), ht(p, !0), L.value = p;
     };
-    let T;
-    const P = () => {
-      clearTimeout(T), T = window.setTimeout(() => {
-        w(), T && P();
+    let D;
+    const U = () => {
+      clearTimeout(D), D = window.setTimeout(() => {
+        P(), D && U();
       }, 1e3);
-    }, _ = () => {
-      clearTimeout(T), T = void 0;
+    }, V = () => {
+      clearTimeout(D), D = void 0;
     };
-    gt(() => {
-      P();
-    }), ht(() => {
-      _();
+    mt(() => {
+      U();
+    }), vt(() => {
+      V();
     });
-    const { renderProp: M } = Qt(g, a, r), { renderUiDummy: N } = Zt(d), { renderUiStrInput: Z } = It(d), { renderUiNumInput: Pe } = nn(d), { renderUiSwitch: tt } = sn(d), { renderUiSelect: nt } = an(d), { renderUiColorPicker: lt } = Sn(d), { renderUiJsonEditor: ot } = bn(d), { renderUiMultiTypes: st } = Pn(d), { renderUiCompSelect: it } = kn(d), ye = (p, c, y, v, V, x) => (p = He(p), V !== void 0 ? (p.push(V), x && p.push(c.key)) : p.push(c.key), c.ui ? c.array && v ? at(p, c, y, v, V, x) : ct(p, c, y, V, x) : c.array ? rt(p, c, y, v, V, x) : ut(
-      p,
+    const { renderProp: A } = Xt(y, a, u), { renderUiDummy: N } = Ft(d), { renderUiStrInput: Q } = Yt(d), { renderUiNumInput: xe } = Zt(d), { renderUiSwitch: Ze } = en(d), { renderUiSelect: je } = ln(d), { renderUiColorPicker: Ie } = hn(d), { renderUiJsonEditor: et } = xn(d), { renderUiMultiTypes: tt } = Cn(d), { renderUiCompSelect: nt } = pn(d), pe = (m, c, p, f, _, $) => (m = Re(m), _ !== void 0 ? (m.push(_), $ && m.push(c.key)) : m.push(c.key), c.ui ? c.array && f ? st(m, c, p, f, _, $) : it(m, c, p, _, $) : c.array ? lt(m, c, p, f, _, $) : ot(
+      m,
       c,
-      y,
-      v,
-      V,
-      x
-    )), rt = (p, c, y, v, V, x) => {
+      p,
+      f,
+      _,
+      $
+    )), lt = (m, c, p, f, _, $) => {
       if (c.ui)
         return console.assert(!1), h("div", "renderBranchArray prop ui must be invalid");
       if (!c.array)
         return console.assert(!1), h("div", "renderBranchArray prop array must be valid");
-      if (!v)
+      if (!f)
         return console.assert(!1), h("div", "renderBranchArray branch must be valid");
-      let D;
-      V !== void 0 && !x ? (y[V] instanceof Array || (y[V] = q(c), d(p, y[c.key])), D = y[V]) : (y[c.key] instanceof Array || (y[c.key] = q(c), d(p, y[c.key])), D = y[c.key]);
-      let E = t(c.name);
-      v.collapse && ce(g.value, p) && (E += " *");
-      const me = h(ke, {
-        title: E,
-        collapse: v.collapse,
+      let b;
+      _ !== void 0 && !$ ? (p[_] instanceof Array || (p[_] = q(c), d(m, p[c.key])), b = p[_]) : (p[c.key] instanceof Array || (p[c.key] = q(c), d(m, p[c.key])), b = p[c.key]);
+      let Z = t(c.name);
+      f.collapse && ae(y.value, m) && (Z += " *");
+      const fe = h(_e, {
+        title: Z,
+        collapse: f.collapse,
         hasCreate: !0,
-        onCollapse: (U) => {
-          v.collapse = U;
+        onCollapse: (C) => {
+          f.collapse = C;
         },
-        onMenu: (U, A) => {
-          ae.emit("propTreeMenu", { x: U, y: A, keys: p });
+        onMenu: (C, w) => {
+          ue.emit("propTreeMenu", { x: C, y: w, keys: m });
         },
         onCreate: () => {
-          D.push({}), d(p, D);
+          b.push({}), d(m, b);
         }
-      }), X = h(
+      }), H = h(
         "div",
         {
           style: {
@@ -1490,44 +1478,44 @@ const An = /* @__PURE__ */ J({
           }
         },
         (() => {
-          const U = [];
-          for (let A = 0; A < D.length; A++) {
-            if (!Me(v.children)) {
+          const C = [];
+          for (let w = 0; w < b.length; w++) {
+            if (!Pe(f.children)) {
               console.assert(!1);
               break;
             }
-            v.children[A] || v.children.push({
+            f.children[w] || f.children.push({
               collapse: !0,
               children: {}
             });
-            const ge = [...p, A], he = v.children[A];
-            let Le = `[${A + 1}]`;
-            v.children[A].collapse && ce(g.value, ge) && (Le += " *");
-            const ft = h(ke, {
-              title: Le,
-              collapse: v.children[A].collapse,
+            const ye = [...m, w], ge = f.children[w];
+            let Te = `[${w + 1}]`;
+            f.children[w].collapse && ae(y.value, ye) && (Te += " *");
+            const ut = h(_e, {
+              title: Te,
+              collapse: f.children[w].collapse,
               hasDelete: !0,
-              index: A,
+              index: w,
               onCollapse: (j) => {
-                if (!Me(v.children)) {
+                if (!Pe(f.children)) {
                   console.assert(!1);
                   return;
                 }
-                v.children[A].collapse = j;
+                f.children[w].collapse = j;
               },
               onMenu: (j, se) => {
-                ae.emit("propTreeMenu", { x: j, y: se, keys: ge });
+                ue.emit("propTreeMenu", { x: j, y: se, keys: ye });
               },
               onDelete: (j) => {
-                if (!Me(v.children)) {
+                if (!Pe(f.children)) {
                   console.assert(!1);
                   return;
                 }
-                v.children.splice(j, 1), D.splice(j, 1), d(p, D);
+                f.children.splice(j, 1), b.splice(j, 1), d(m, b);
               }
             });
-            U.push(ft);
-            const mt = h(
+            C.push(ut);
+            const at = h(
               "div",
               {
                 style: {
@@ -1537,29 +1525,29 @@ const An = /* @__PURE__ */ J({
               (() => {
                 const j = [];
                 return c.children.forEach((se) => {
-                  if (!Oe(he.children)) {
+                  if (!Ne(ge.children)) {
                     console.assert(!1);
                     return;
                   }
-                  he.children[se.key] || (he.children[se.key] = {
+                  ge.children[se.key] || (ge.children[se.key] = {
                     collapse: !0,
                     children: se.array ? [] : {}
                   });
-                  const vt = ye(
-                    p,
+                  const ct = pe(
+                    m,
                     se,
-                    D[A],
-                    he.children[se.key],
-                    A,
+                    b[w],
+                    ge.children[se.key],
+                    w,
                     !0
                   );
-                  j.push(vt);
+                  j.push(ct);
                 }), j;
               })()
             );
-            v.children[A].collapse || U.push(mt);
+            f.children[w].collapse || C.push(at);
           }
-          return U;
+          return C;
         })()
       );
       return h(
@@ -1570,33 +1558,33 @@ const An = /* @__PURE__ */ J({
           }
         },
         (() => {
-          const U = [];
-          return U.push(me), v.collapse || U.push(X), U;
+          const C = [];
+          return C.push(fe), f.collapse || C.push(H), C;
         })()
       );
-    }, ut = (p, c, y, v, V, x) => {
+    }, ot = (m, c, p, f, _, $) => {
       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 (!v)
+      if (!f)
         return console.assert(!1), h("div", "renderBranchScalar branch must be valid");
-      let D = t(c.name);
-      v.collapse && ce(g.value, p) && (D += " *");
-      const E = h(ke, {
-        title: D,
-        collapse: v.collapse,
-        hasDelete: V !== void 0 && !x,
-        onCollapse: (X) => {
-          v.collapse = X;
+      let b = t(c.name);
+      f.collapse && ae(y.value, m) && (b += " *");
+      const Z = h(_e, {
+        title: b,
+        collapse: f.collapse,
+        hasDelete: _ !== void 0 && !$,
+        onCollapse: (H) => {
+          f.collapse = H;
         },
-        onMenu: (X, U) => {
-          ae.emit("propTreeMenu", { x: X, y: U, keys: p });
+        onMenu: (H, C) => {
+          ue.emit("propTreeMenu", { x: H, y: C, keys: m });
         },
         onDelete: () => {
-          V === void 0 || x || (y.splice(V, 1), d(p.slice(0, -1), y));
+          _ === void 0 || $ || (p.splice(_, 1), d(m.slice(0, -1), p));
         }
-      }), me = h(
+      }), fe = h(
         "div",
         {
           style: {
@@ -1604,24 +1592,24 @@ const An = /* @__PURE__ */ J({
           }
         },
         (() => {
-          const X = [];
-          return c.children.forEach((U) => {
-            if (!Oe(v.children)) {
+          const H = [];
+          return c.children.forEach((C) => {
+            if (!Ne(f.children)) {
               console.assert(!1);
               return;
             }
-            v.children[U.key] || (v.children[U.key] = {
+            f.children[C.key] || (f.children[C.key] = {
               collapse: !0,
-              children: !U.ui && U.array ? [] : {}
+              children: !C.ui && C.array ? [] : {}
             });
-            const A = ye(
-              p,
-              U,
-              (typeof y[c.key] != "object" && (y[c.key] = {}, d(p, y[c.key])), y[c.key]),
-              v.children[U.key]
+            const w = pe(
+              m,
+              C,
+              (typeof p[c.key] != "object" && (p[c.key] = {}, d(m, p[c.key])), p[c.key]),
+              f.children[C.key]
             );
-            X.push(A);
-          }), X;
+            H.push(w);
+          }), H;
         })()
       );
       return h(
@@ -1632,35 +1620,35 @@ const An = /* @__PURE__ */ J({
           }
         },
         (() => {
-          const X = [];
-          return X.push(E), v.collapse || X.push(me), X;
+          const H = [];
+          return H.push(Z), f.collapse || H.push(fe), H;
         })()
       );
-    }, at = (p, c, y, v, V, x) => {
+    }, st = (m, c, p, f, _, $) => {
       if (!c.ui)
         return console.assert(!1), h("div", "renderLeafArray prop ui must be valid");
       if (!c.array)
         return console.assert(!1), h("div", "renderLeafArray prop array must be valid");
-      if (!v)
+      if (!f)
         return console.assert(!1), h("div", "renderLeafArray branch must be valid");
-      let D;
-      V !== void 0 && !x ? (y[V] instanceof Array || (y[V] = q(c), d(p, y[V])), D = y[V]) : (y[c.key] instanceof Array || (y[c.key] = q(c), d(p, y[c.key])), D = y[c.key]);
-      let E = t(c.name);
-      v.collapse && ce(g.value, p) && (E += " *");
-      const me = h(ke, {
-        title: E,
-        collapse: v.collapse,
+      let b;
+      _ !== void 0 && !$ ? (p[_] instanceof Array || (p[_] = q(c), d(m, p[_])), b = p[_]) : (p[c.key] instanceof Array || (p[c.key] = q(c), d(m, p[c.key])), b = p[c.key]);
+      let Z = t(c.name);
+      f.collapse && ae(y.value, m) && (Z += " *");
+      const fe = h(_e, {
+        title: Z,
+        collapse: f.collapse,
         hasCreate: !0,
-        onCollapse: (U) => {
-          v.collapse = U;
+        onCollapse: (C) => {
+          f.collapse = C;
         },
-        onMenu: (U, A) => {
-          ae.emit("propTreeMenu", { x: U, y: A, keys: p });
+        onMenu: (C, w) => {
+          ue.emit("propTreeMenu", { x: C, y: w, keys: m });
         },
         onCreate: () => {
-          D.push(q(c, !0)), d(p, D);
+          b.push(q(c, !0)), d(m, b);
         }
-      }), X = h(
+      }), H = h(
         "div",
         {
           style: {
@@ -1668,12 +1656,12 @@ const An = /* @__PURE__ */ J({
           }
         },
         (() => {
-          const U = [];
-          for (let A = 0; A < D.length; A++) {
-            const ge = ye(p, c, D, void 0, A, !1);
-            U.push(ge);
+          const C = [];
+          for (let w = 0; w < b.length; w++) {
+            const ye = pe(m, c, b, void 0, w, !1);
+            C.push(ye);
           }
-          return U;
+          return C;
         })()
       );
       return h(
@@ -1684,16 +1672,16 @@ const An = /* @__PURE__ */ J({
           }
         },
         (() => {
-          const U = [];
-          return U.push(me), v.collapse || U.push(X), U;
+          const C = [];
+          return C.push(fe), f.collapse || C.push(H), C;
         })()
       );
-    }, ct = (p, c, y, v, V) => {
+    }, it = (m, c, p, f, _) => {
       if (!c.ui)
         return console.assert(!1), h("div", "renderLeafScalar prop ui must be valid");
-      let x;
-      return c.ui === "dummy" ? x = N(p, c, y, v, V) : c.ui === "strInput" ? x = Z(p, c, y, v, V) : c.ui === "numInput" ? x = Pe(p, c, y, v, V) : c.ui === "switch" ? x = tt(p, c, y, v, V) : c.ui === "select" ? x = nt(p, c, y, v, V) : c.ui === "colorPicker" ? x = lt(p, c, y, v, V) : c.ui === "jsonEditor" ? x = ot(p, c, y, v, V) : c.ui === "multiTypes" ? x = st(p, c, y, v, V) : c.ui === "compSelect" ? x = it(p, c, y, v, V) : console.assert(!1, "renderLeafScalar not implemented"), x ? M(p, c, x) : h("div");
-    }, dt = () => h(
+      let $;
+      return c.ui === "dummy" ? $ = N(m, c, p, f, _) : c.ui === "strInput" ? $ = Q(m, c, p, f, _) : c.ui === "numInput" ? $ = xe(m, c, p, f, _) : c.ui === "switch" ? $ = Ze(m, c, p, f, _) : c.ui === "select" ? $ = je(m, c, p, f, _) : c.ui === "colorPicker" ? $ = Ie(m, c, p, f, _) : c.ui === "jsonEditor" ? $ = et(m, c, p, f, _) : c.ui === "multiTypes" ? $ = tt(m, c, p, f, _) : c.ui === "compSelect" ? $ = nt(m, c, p, f, _) : console.assert(!1, "renderLeafScalar not implemented"), $ ? A(m, c, $) : h("div");
+    }, rt = () => h(
       "div",
       {
         class: "text-body-2",
@@ -1702,51 +1690,44 @@ const An = /* @__PURE__ */ J({
         }
       },
       (() => {
-        const p = [];
+        const m = [];
         if (n.unique && n.config.length > 0 && n.object) {
-          u[n.unique] || (u[n.unique] = {});
-          const c = u[n.unique];
-          n.config.forEach((y) => {
-            c[y.key] || (c[y.key] = {
+          r[n.unique] || (r[n.unique] = {});
+          const c = r[n.unique];
+          n.config.forEach((p) => {
+            c[p.key] || (c[p.key] = {
               collapse: !0,
-              children: !y.ui && y.array ? [] : {}
+              children: !p.ui && p.array ? [] : {}
             });
-            const v = ye([], y, n.object, c[y.key]);
-            p.push(v);
+            const f = pe([], p, n.object, c[p.key]);
+            m.push(f);
           });
         }
-        return p;
+        return m;
       })()
     );
-    return (p, c) => (S(), H(Ve, null, [
-      b(dt),
-      b(Gt, {
+    return (m, c) => (k(), E(ke, null, [
+      M(rt),
+      M(Rt, {
         config: n.config,
         object: n.object,
-        "prop-states": g.value
+        "prop-states": y.value
       }, null, 8, ["config", "object", "prop-states"])
     ], 64));
   }
-}), Tn = (o) => {
-  o.component("XPropTree", An);
-}, Ln = (o, s, t) => {
+}), Mn = (o) => {
+  o.component("XPropTree", Pn);
+}, wn = (o, s, t) => {
   const e = o[s];
   return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((n, l) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      l.bind(
-        null,
-        new Error(
-          "Unknown variable dynamic import: " + s + (s.split("/").length !== t ? ". Note that variables only represent file names one level deep." : "")
-        )
-      )
-    );
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(l.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + s + (s.split("/").length !== t ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function Xn(o) {
-  return (await Ln(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.n11iysmh.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.hr18mfah.js") }), `./locales/${o}/index.ts`, 4)).default;
+async function Bn(o) {
+  return (await wn(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.n11iysmh.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.hr18mfah.js") }), `./locales/${o}/index.ts`, 4)).default;
 }
-const Fn = { install: Tn };
+const Kn = { install: Mn };
 export {
-  Fn as default,
-  Xn as loadLocaleMessagePropTree
+  Kn as default,
+  Bn as loadLocaleMessagePropTree
 };