x-prop-tree 0.6.4 → 0.6.5

package/dist/index.js

@@ -1,4 +1,4 @@
-import { provide as Me, inject as Ue, defineComponent as z, ref as B, computed as G, resolveComponent as O, createBlock as R, openBlock as S, unref as E, isRef as Fe, withCtx as J, createVNode as k, createElementBlock as F, Fragment as He, renderList as Ht, createTextVNode as st, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as K, normalizeStyle as ie, createElementVNode as q, createCommentVNode as X, renderSlot as Mn, h, mergeModels as I, useModel as oe, useId as Gt, onUnmounted as zt, withKeys as Un, mergeProps as Kt, watchEffect as vt, watch as Ce, reactive as Ln, onMounted as Dn, onBeforeUnmount as jn } from "vue";
+import { provide as xe, inject as Me, defineComponent as z, ref as B, computed as G, resolveComponent as O, createBlock as R, openBlock as S, unref as E, isRef as Fe, withCtx as J, createVNode as k, createElementBlock as F, Fragment as He, renderList as Ht, createTextVNode as st, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as K, normalizeStyle as ie, createElementVNode as q, createCommentVNode as X, renderSlot as Mn, h, mergeModels as I, useModel as oe, useId as Gt, onUnmounted as zt, withKeys as Un, mergeProps as Kt, watchEffect as vt, watch as Be, reactive as Ln, onMounted as Dn, onBeforeUnmount as jn } from "vue";
 import { useI18n as de } from "vue-i18n";
 import { useViewStack as at, useColor as Te, eventBus as _e, useSystem as En } from "x-essential-lib";
 import { getPropDefault as N, parsePixelStr as Nn, parsePercentStr as kn } from "x-runtime-lib";
@@ -20,13 +20,13 @@ function Xn(e) {
   return qn.call(e);
 }
 var In = "[object Null]", Zn = "[object Undefined]", gt = se ? se.toStringTag : void 0;
-function Le(e) {
+function Ue(e) {
   return e == null ? e === void 0 ? Zn : In : gt && gt in Object(e) ? zn(e) : Xn(e);
 }
 function ce(e) {
   return e != null && typeof e == "object";
 }
-var Oe = Array.isArray;
+var Pe = Array.isArray;
 function qe(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
@@ -35,7 +35,7 @@ var Jn = "[object AsyncFunction]", Wn = "[object Function]", Yn = "[object Gener
 function It(e) {
   if (!qe(e))
     return !1;
-  var t = Le(e);
+  var t = Ue(e);
   return t == Wn || t == Yn || t == Jn || t == Qn;
 }
 var Ye = Y["__core-js_shared__"], yt = function() {
@@ -139,7 +139,7 @@ function wr(e, t) {
 }
 var Ar = "[object Arguments]";
 function bt(e) {
-  return ce(e) && Le(e) == Ar;
+  return ce(e) && Ue(e) == Ar;
 }
 var Wt = Object.prototype, Cr = Wt.hasOwnProperty, Pr = Wt.propertyIsEnumerable, Or = bt(/* @__PURE__ */ function() {
   return arguments;
@@ -149,26 +149,26 @@ var Wt = Object.prototype, Cr = Wt.hasOwnProperty, Pr = Wt.propertyIsEnumerable,
 function Vr() {
   return !1;
 }
-var Yt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Yt && typeof module == "object" && module && !module.nodeType && module, xr = $t && $t.exports === Yt, Tt = xr ? Y.Buffer : void 0, Mr = Tt ? Tt.isBuffer : void 0, Ge = Mr || Vr, Ur = "[object Arguments]", Lr = "[object Array]", Dr = "[object Boolean]", jr = "[object Date]", Er = "[object Error]", Nr = "[object Function]", kr = "[object Map]", Br = "[object Number]", Rr = "[object Object]", Fr = "[object RegExp]", Hr = "[object Set]", Gr = "[object String]", zr = "[object WeakMap]", Kr = "[object ArrayBuffer]", qr = "[object DataView]", Xr = "[object Float32Array]", Ir = "[object Float64Array]", Zr = "[object Int8Array]", Jr = "[object Int16Array]", Wr = "[object Int32Array]", Yr = "[object Uint8Array]", Qr = "[object Uint8ClampedArray]", eo = "[object Uint16Array]", to = "[object Uint32Array]", x = {};
-x[Xr] = x[Ir] = x[Zr] = x[Jr] = x[Wr] = x[Yr] = x[Qr] = x[eo] = x[to] = !0;
-x[Ur] = x[Lr] = x[Kr] = x[Dr] = x[qr] = x[jr] = x[Er] = x[Nr] = x[kr] = x[Br] = x[Rr] = x[Fr] = x[Hr] = x[Gr] = x[zr] = !1;
+var Yt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Yt && typeof module == "object" && module && !module.nodeType && module, xr = $t && $t.exports === Yt, Tt = xr ? Y.Buffer : void 0, Mr = Tt ? Tt.isBuffer : void 0, Ge = Mr || Vr, Ur = "[object Arguments]", Lr = "[object Array]", Dr = "[object Boolean]", jr = "[object Date]", Er = "[object Error]", Nr = "[object Function]", kr = "[object Map]", Br = "[object Number]", Rr = "[object Object]", Fr = "[object RegExp]", Hr = "[object Set]", Gr = "[object String]", zr = "[object WeakMap]", Kr = "[object ArrayBuffer]", qr = "[object DataView]", Xr = "[object Float32Array]", Ir = "[object Float64Array]", Zr = "[object Int8Array]", Jr = "[object Int16Array]", Wr = "[object Int32Array]", Yr = "[object Uint8Array]", Qr = "[object Uint8ClampedArray]", eo = "[object Uint16Array]", to = "[object Uint32Array]", V = {};
+V[Xr] = V[Ir] = V[Zr] = V[Jr] = V[Wr] = V[Yr] = V[Qr] = V[eo] = V[to] = !0;
+V[Ur] = V[Lr] = V[Kr] = V[Dr] = V[qr] = V[jr] = V[Er] = V[Nr] = V[kr] = V[Br] = V[Rr] = V[Fr] = V[Hr] = V[Gr] = V[zr] = !1;
 function no(e) {
-  return ce(e) && Zt(e.length) && !!x[Le(e)];
+  return ce(e) && Zt(e.length) && !!V[Ue(e)];
 }
 function ct(e) {
   return function(t) {
     return e(t);
   };
 }
-var Qt = typeof exports == "object" && exports && !exports.nodeType && exports, Pe = Qt && typeof module == "object" && module && !module.nodeType && module, ro = Pe && Pe.exports === Qt, Qe = ro && qt.process, $e = function() {
+var Qt = typeof exports == "object" && exports && !exports.nodeType && exports, Ce = Qt && typeof module == "object" && module && !module.nodeType && module, ro = Ce && Ce.exports === Qt, Qe = ro && qt.process, $e = function() {
   try {
-    var e = Pe && Pe.require && Pe.require("util").types;
+    var e = Ce && Ce.require && Ce.require("util").types;
     return e || Qe && Qe.binding && Qe.binding("util");
   } catch {
   }
 }(), St = $e && $e.isTypedArray, en = St ? ct(St) : no, oo = Object.prototype, lo = oo.hasOwnProperty;
 function io(e, t) {
-  var n = Oe(e), r = !n && Or(e), l = !n && !r && Ge(e), o = !n && !r && !l && en(e), i = n || r || l || o, s = i ? wr(e.length, String) : [], a = s.length;
+  var n = Pe(e), r = !n && Or(e), l = !n && !r && Ge(e), o = !n && !r && !l && en(e), i = n || r || l || o, s = i ? wr(e.length, String) : [], a = s.length;
   for (var u in e)
     lo.call(e, u) && !(i && // Safari 9 has enumerable `arguments.length` in strict mode.
     (u == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -194,9 +194,9 @@ function co(e) {
 function fo(e) {
   return Tr(e) ? io(e) : co(e);
 }
-var Ve = me(Object, "create");
+var Oe = me(Object, "create");
 function po() {
-  this.__data__ = Ve ? Ve(null) : {}, this.size = 0;
+  this.__data__ = Oe ? Oe(null) : {}, this.size = 0;
 }
 function mo(e) {
   var t = this.has(e) && delete this.__data__[e];
@@ -205,7 +205,7 @@ function mo(e) {
 var vo = "__lodash_hash_undefined__", go = Object.prototype, yo = go.hasOwnProperty;
 function ho(e) {
   var t = this.__data__;
-  if (Ve) {
+  if (Oe) {
     var n = t[e];
     return n === vo ? void 0 : n;
   }
@@ -214,12 +214,12 @@ function ho(e) {
 var _o = Object.prototype, bo = _o.hasOwnProperty;
 function $o(e) {
   var t = this.__data__;
-  return Ve ? t[e] !== void 0 : bo.call(t, e);
+  return Oe ? t[e] !== void 0 : bo.call(t, e);
 }
 var To = "__lodash_hash_undefined__";
 function So(e, t) {
   var n = this.__data__;
-  return this.size += this.has(e) ? 0 : 1, n[e] = Ve && t === void 0 ? To : t, this;
+  return this.size += this.has(e) ? 0 : 1, n[e] = Oe && t === void 0 ? To : t, this;
 }
 function fe(e) {
   var t = -1, n = e == null ? 0 : e.length;
@@ -273,11 +273,11 @@ le.prototype.delete = Po;
 le.prototype.get = Oo;
 le.prototype.has = Vo;
 le.prototype.set = xo;
-var xe = me(Y, "Map");
+var Ve = me(Y, "Map");
 function Mo() {
   this.size = 0, this.__data__ = {
     hash: new fe(),
-    map: new (xe || le)(),
+    map: new (Ve || le)(),
     string: new fe()
   };
 }
@@ -339,7 +339,7 @@ function zo(e, t) {
   var n = this.__data__;
   if (n instanceof le) {
     var r = n.__data__;
-    if (!xe || r.length < Go - 1)
+    if (!Ve || r.length < Go - 1)
       return r.push([e, t]), this.size = ++n.size, this;
     n = this.__data__ = new ve(r);
   }
@@ -376,14 +376,14 @@ var Zo = Object.prototype, Jo = Zo.propertyIsEnumerable, Ct = Object.getOwnPrope
 } : Io;
 function Yo(e, t, n) {
   var r = t(e);
-  return Oe(e) ? r : No(r, n(e));
+  return Pe(e) ? r : No(r, n(e));
 }
 function rt(e) {
   return Yo(e, fo, Wo);
 }
-var ot = me(Y, "DataView"), lt = me(Y, "Promise"), it = me(Y, "Set"), Pt = "[object Map]", Qo = "[object Object]", Ot = "[object Promise]", Vt = "[object Set]", xt = "[object WeakMap]", Mt = "[object DataView]", el = pe(ot), tl = pe(xe), nl = pe(lt), rl = pe(it), ol = pe(nt), Z = Le;
-(ot && Z(new ot(new ArrayBuffer(1))) != Mt || xe && Z(new xe()) != Pt || lt && Z(lt.resolve()) != Ot || it && Z(new it()) != Vt || nt && Z(new nt()) != xt) && (Z = function(e) {
-  var t = Le(e), n = t == Qo ? e.constructor : void 0, r = n ? pe(n) : "";
+var ot = me(Y, "DataView"), lt = me(Y, "Promise"), it = me(Y, "Set"), Pt = "[object Map]", Qo = "[object Object]", Ot = "[object Promise]", Vt = "[object Set]", xt = "[object WeakMap]", Mt = "[object DataView]", el = pe(ot), tl = pe(Ve), nl = pe(lt), rl = pe(it), ol = pe(nt), Z = Ue;
+(ot && Z(new ot(new ArrayBuffer(1))) != Mt || Ve && Z(new Ve()) != Pt || lt && Z(lt.resolve()) != Ot || it && Z(new it()) != Vt || nt && Z(new nt()) != xt) && (Z = function(e) {
+  var t = Ue(e), n = t == Qo ? e.constructor : void 0, r = n ? pe(n) : "";
   if (r)
     switch (r) {
       case el:
@@ -480,7 +480,7 @@ function Re(e, t, n, r, l, o) {
     return i;
   if (!qe(e))
     return e;
-  var s = Oe(e);
+  var s = Pe(e);
   if (s)
     i = sl(e);
   else {
@@ -496,17 +496,17 @@ function Re(e, t, n, r, l, o) {
     }
   }
   o || (o = new te());
-  var f = o.get(e);
-  if (f)
-    return f;
+  var d = o.get(e);
+  if (d)
+    return d;
   o.set(e, i), Bl(e) ? e.forEach(function(v) {
     i.add(Re(v, t, n, v, e, o));
-  }) : El(e) && e.forEach(function(v, _) {
-    i.set(_, Re(v, t, n, _, e, o));
+  }) : El(e) && e.forEach(function(v, b) {
+    i.set(b, Re(v, t, n, b, e, o));
   });
-  var d = rt, y = s ? void 0 : d(e);
-  return pr(y || e, function(v, _) {
-    y && (_ = v, v = e[_]), br(i, _, Re(v, t, n, _, e, o));
+  var f = rt, y = s ? void 0 : f(e);
+  return pr(y || e, function(v, b) {
+    y && (b = v, v = e[b]), br(i, b, Re(v, t, n, b, e, o));
   }), i;
 }
 var ui = 1, ci = 4;
@@ -541,29 +541,29 @@ function an(e, t, n, r, l, o) {
   var i = n & gi, s = e.length, a = t.length;
   if (s != a && !(i && a > s))
     return !1;
-  var u = o.get(e), f = o.get(t);
-  if (u && f)
-    return u == t && f == e;
-  var d = -1, y = !0, v = n & yi ? new Ke() : void 0;
-  for (o.set(e, t), o.set(t, e); ++d < s; ) {
-    var _ = e[d], V = t[d];
+  var u = o.get(e), d = o.get(t);
+  if (u && d)
+    return u == t && d == e;
+  var f = -1, y = !0, v = n & yi ? new Ke() : void 0;
+  for (o.set(e, t), o.set(t, e); ++f < s; ) {
+    var b = e[f], L = t[f];
     if (r)
-      var $ = i ? r(V, _, d, t, e, o) : r(_, V, d, e, t, o);
-    if ($ !== void 0) {
-      if ($)
+      var _ = i ? r(L, b, f, t, e, o) : r(b, L, f, e, t, o);
+    if (_ !== void 0) {
+      if (_)
         continue;
       y = !1;
       break;
     }
     if (v) {
       if (!mi(t, function(D, w) {
-        if (!vi(v, w) && (_ === D || l(_, D, n, r, o)))
+        if (!vi(v, w) && (b === D || l(b, D, n, r, o)))
           return v.push(w);
       })) {
         y = !1;
         break;
       }
-    } else if (!(_ === V || l(_, V, n, r, o))) {
+    } else if (!(b === L || l(b, L, n, r, o))) {
       y = !1;
       break;
     }
@@ -610,8 +610,8 @@ function Li(e, t, n, r, l, o, i) {
       if (u)
         return u == t;
       r |= $i, i.set(e, t);
-      var f = an(s(e), s(t), r, l, o, i);
-      return i.delete(e), f;
+      var d = an(s(e), s(t), r, l, o, i);
+      return i.delete(e), d;
     case xi:
       if (et)
         return et.call(e) == et.call(t);
@@ -620,53 +620,53 @@ function Li(e, t, n, r, l, o, i) {
 }
 var Di = 1, ji = Object.prototype, Ei = ji.hasOwnProperty;
 function Ni(e, t, n, r, l, o) {
-  var i = n & Di, s = rt(e), a = s.length, u = rt(t), f = u.length;
-  if (a != f && !i)
+  var i = n & Di, s = rt(e), a = s.length, u = rt(t), d = u.length;
+  if (a != d && !i)
     return !1;
-  for (var d = a; d--; ) {
-    var y = s[d];
+  for (var f = a; f--; ) {
+    var y = s[f];
     if (!(i ? y in t : Ei.call(t, y)))
       return !1;
   }
-  var v = o.get(e), _ = o.get(t);
-  if (v && _)
-    return v == t && _ == e;
-  var V = !0;
+  var v = o.get(e), b = o.get(t);
+  if (v && b)
+    return v == t && b == e;
+  var L = !0;
   o.set(e, t), o.set(t, e);
-  for (var $ = i; ++d < a; ) {
-    y = s[d];
+  for (var _ = i; ++f < a; ) {
+    y = s[f];
     var D = e[y], w = t[y];
     if (r)
-      var M = i ? r(w, D, y, t, e, o) : r(D, w, y, e, t, o);
-    if (!(M === void 0 ? D === w || l(D, w, n, r, o) : M)) {
-      V = !1;
+      var x = i ? r(w, D, y, t, e, o) : r(D, w, y, e, t, o);
+    if (!(x === void 0 ? D === w || l(D, w, n, r, o) : x)) {
+      L = !1;
       break;
     }
-    $ || ($ = y == "constructor");
+    _ || (_ = y == "constructor");
   }
-  if (V && !$) {
-    var A = e.constructor, U = t.constructor;
-    A != U && "constructor" in e && "constructor" in t && !(typeof A == "function" && A instanceof A && typeof U == "function" && U instanceof U) && (V = !1);
+  if (L && !_) {
+    var A = e.constructor, M = t.constructor;
+    A != M && "constructor" in e && "constructor" in t && !(typeof A == "function" && A instanceof A && typeof M == "function" && M instanceof M) && (L = !1);
   }
-  return o.delete(e), o.delete(t), V;
+  return o.delete(e), o.delete(t), L;
 }
-var ki = 1, Nt = "[object Arguments]", kt = "[object Array]", Ne = "[object Object]", Bi = Object.prototype, Bt = Bi.hasOwnProperty;
+var ki = 1, Nt = "[object Arguments]", kt = "[object Array]", Ee = "[object Object]", Bi = Object.prototype, Bt = Bi.hasOwnProperty;
 function Ri(e, t, n, r, l, o) {
-  var i = Oe(e), s = Oe(t), a = i ? kt : Z(e), u = s ? kt : Z(t);
-  a = a == Nt ? Ne : a, u = u == Nt ? Ne : u;
-  var f = a == Ne, d = u == Ne, y = a == u;
+  var i = Pe(e), s = Pe(t), a = i ? kt : Z(e), u = s ? kt : Z(t);
+  a = a == Nt ? Ee : a, u = u == Nt ? Ee : u;
+  var d = a == Ee, f = u == Ee, y = a == u;
   if (y && Ge(e)) {
     if (!Ge(t))
       return !1;
-    i = !0, f = !1;
+    i = !0, d = !1;
   }
-  if (y && !f)
+  if (y && !d)
     return o || (o = new te()), i || en(e) ? an(e, t, n, r, l, o) : Li(e, t, a, n, r, l, o);
   if (!(n & ki)) {
-    var v = f && Bt.call(e, "__wrapped__"), _ = d && Bt.call(t, "__wrapped__");
-    if (v || _) {
-      var V = v ? e.value() : e, $ = _ ? t.value() : t;
-      return o || (o = new te()), l(V, $, n, r, o);
+    var v = d && Bt.call(e, "__wrapped__"), b = f && Bt.call(t, "__wrapped__");
+    if (v || b) {
+      var L = v ? e.value() : e, _ = b ? t.value() : t;
+      return o || (o = new te()), l(L, _, n, r, o);
     }
   }
   return y ? (o || (o = new te()), Ni(e, t, n, r, l, o)) : !1;
@@ -712,7 +712,7 @@ function Hi(e, t, n) {
     }
   }
 }
-const ke = (e, t) => {
+const Ne = (e, t) => {
   let n = { key: "", name: "", children: e };
   return t.forEach((r) => {
     if (typeof r != "number") {
@@ -792,19 +792,19 @@ const ke = (e, t) => {
       children: {}
     });
     const u = r.children[a];
-    t.children.forEach((f) => {
+    t.children.forEach((d) => {
       if (!dt(u.children)) {
         console.assert(!1);
         return;
       }
-      u.children[f.key] = {
+      u.children[d.key] = {
         change: !1,
-        children: f.array ? [] : {}
+        children: d.array ? [] : {}
       }, Je(
         e,
-        f,
+        d,
         s[a],
-        u.children[f.key],
+        u.children[d.key],
         l,
         a,
         !0
@@ -870,98 +870,98 @@ const ke = (e, t) => {
   }), (n == null ? void 0 : n.change) ?? !1;
 }, fn = Symbol(), dn = Symbol(), pn = Symbol(), mn = Symbol(), vn = Symbol();
 function Ji(e) {
-  Me(fn, e);
+  xe(fn, e);
 }
 function Wi() {
-  return Ue(fn);
+  return Me(fn);
 }
 function Yi(e) {
-  Me(dn, e);
+  xe(dn, e);
 }
 function Qi() {
-  return Ue(dn);
+  return Me(dn);
 }
 function es(e) {
-  Me(pn, e);
+  xe(pn, e);
 }
 function ts() {
-  return Ue(pn);
+  return Me(pn);
 }
 function ns(e) {
-  Me(mn, e);
+  xe(mn, e);
 }
 function rs() {
-  return Ue(mn);
+  return Me(mn);
 }
 function os(e) {
-  Me(vn, e);
+  xe(vn, e);
 }
 function gn() {
-  return Ue(vn);
+  return Me(vn);
 }
 const ls = /* @__PURE__ */ z({
   __name: "menu",
   setup(e) {
-    const { t } = de(), n = Wi(), r = Qi(), l = ts(), o = rs(), i = B(0), s = B(0), a = B([]), u = G(() => [i.value, s.value]), f = ($) => {
+    const { t } = de(), n = Wi(), r = Qi(), l = ts(), o = rs(), i = B(0), s = B(0), a = B([]), u = G(() => [i.value, s.value]), d = (_) => {
       const D = () => !(a.value.length <= 0 || !be(l.value, a.value)), w = () => {
         if (!D())
           return;
-        const M = ke(n.value, a.value);
-        if (M)
-          if (M.ui) {
+        const x = Ne(n.value, a.value);
+        if (x)
+          if (x.ui) {
             const A = Ae(r.value, a.value.slice(0, -1));
             if (!A)
               return;
-            A[a.value.at(-1)] = N(M), o(a.value, A[a.value.at(-1)]);
-          } else if (M.array) {
+            A[a.value.at(-1)] = N(x), o(a.value, A[a.value.at(-1)]);
+          } else if (x.array) {
             const A = a.value.at(-1);
             if (A === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
             if (typeof A == "string") {
-              const U = Ae(r.value, a.value.slice(0, -1));
-              if (!U)
+              const M = Ae(r.value, a.value.slice(0, -1));
+              if (!M)
                 return;
-              U[a.value.at(-1)] = N(M), o(a.value, U[a.value.at(-1)]);
+              M[a.value.at(-1)] = N(x), o(a.value, M[a.value.at(-1)]);
             } else {
-              const U = Ae(r.value, a.value);
-              if (!U)
+              const M = Ae(r.value, a.value);
+              if (!M)
                 return;
-              M.children.forEach((W) => {
-                U[W.key] = N(M), o([...a.value, W.key], U[W.key]);
+              x.children.forEach((W) => {
+                M[W.key] = N(x), o([...a.value, W.key], M[W.key]);
               });
             }
           } else {
             const A = Ae(r.value, a.value);
             if (!A)
               return;
-            M.children.forEach((U) => {
-              A[U.key] = N(M), o([...a.value, U.key], A[U.key]);
+            x.children.forEach((M) => {
+              A[M.key] = N(x), o([...a.value, M.key], A[M.key]);
             });
           }
       };
-      D() && $.push({
+      D() && _.push({
         title: t("x-prop-tree.reset"),
         func: w
       });
-    }, d = ($) => {
+    }, f = (_) => {
       const D = () => {
-        const w = ke(n.value, a.value), M = Ae(r.value, a.value);
-        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: w, object: M }));
+        const w = Ne(n.value, a.value), x = Ae(r.value, a.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: w, object: x }));
       };
-      $.push({
+      _.push({
         title: t("x-prop-tree.copy"),
         func: D
       });
-    }, y = ($) => {
+    }, y = (_) => {
       const D = () => {
-        const M = localStorage.getItem("propTreeCopy");
-        if (!M)
+        const x = localStorage.getItem("propTreeCopy");
+        if (!x)
           return !1;
         try {
-          const { prop: A } = JSON.parse(M), U = ke(n.value, a.value);
-          return Gi(A, U);
+          const { prop: A } = JSON.parse(x), M = Ne(n.value, a.value);
+          return Gi(A, M);
         } catch (A) {
           console.error(A);
         }
@@ -969,30 +969,30 @@ const ls = /* @__PURE__ */ z({
       }, w = () => {
         if (!D())
           return;
-        const M = localStorage.getItem("propTreeCopy");
-        if (M)
+        const x = localStorage.getItem("propTreeCopy");
+        if (x)
           try {
-            const { object: A } = JSON.parse(M), U = ke(n.value, a.value);
-            console.log(A, U);
+            const { object: A } = JSON.parse(x), M = Ne(n.value, a.value);
+            console.log(A, M);
           } catch (A) {
             console.error(A);
           }
       };
-      D() && $.push({
+      D() && _.push({
         title: t("x-prop-tree.paste"),
         func: w
       });
     }, v = G(() => {
-      const $ = [];
-      return f($), d($), y($), $;
-    }), _ = ($) => {
-      i.value = $.x, s.value = $.y, a.value = $.keys;
-    }, { open: V } = at("propTreeMenu", _);
-    return ($, D) => {
-      const w = O("v-list-item-title"), M = O("v-list-item"), A = O("v-list"), U = O("v-menu");
-      return S(), R(U, {
-        modelValue: E(V),
-        "onUpdate:modelValue": D[0] || (D[0] = (W) => Fe(V) ? V.value = W : null),
+      const _ = [];
+      return d(_), f(_), y(_), _;
+    }), b = (_) => {
+      i.value = _.x, s.value = _.y, a.value = _.keys;
+    }, { open: L } = at("propTreeMenu", b);
+    return (_, D) => {
+      const w = O("v-list-item-title"), x = O("v-list-item"), A = O("v-list"), M = O("v-menu");
+      return S(), R(M, {
+        modelValue: E(L),
+        "onUpdate:modelValue": D[0] || (D[0] = (W) => Fe(L) ? L.value = W : null),
         "location-strategy": "connected",
         target: u.value,
         scrim: "transparent"
@@ -1000,7 +1000,7 @@ const ls = /* @__PURE__ */ z({
         default: J(() => [
           k(A, null, {
             default: J(() => [
-              (S(!0), F(He, null, Ht(v.value, (W, We) => (S(), R(M, {
+              (S(!0), F(He, null, Ht(v.value, (W, We) => (S(), R(x, {
                 key: We,
                 link: "",
                 onClick: W.func
@@ -1025,7 +1025,7 @@ const ls = /* @__PURE__ */ z({
   }
 });
 var yn = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", hn = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", is = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", ge = "M19,13H5V11H19V13Z", ss = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
-const Be = /* @__PURE__ */ z({
+const ke = /* @__PURE__ */ z({
   __name: "title",
   props: {
     title: {},
@@ -1046,33 +1046,33 @@ const Be = /* @__PURE__ */ z({
     }, a = (u) => {
       l("menu", u.clientX, u.clientY);
     };
-    return (u, f) => {
-      const d = O("v-icon"), y = O("v-spacer"), v = ae("ripple");
+    return (u, d) => {
+      const f = O("v-icon"), y = O("v-spacer"), v = ae("ripple");
       return re((S(), F("div", {
         class: "d-flex align-center cursor-pointer",
         style: ie(i.value),
         onClick: s,
         onContextmenu: K(a, ["prevent"]),
-        onMouseover: f[2] || (f[2] = (_) => o.value = !0),
-        onMouseout: f[3] || (f[3] = (_) => o.value = !1)
+        onMouseover: d[2] || (d[2] = (b) => o.value = !0),
+        onMouseout: d[3] || (d[3] = (b) => o.value = !1)
       }, [
-        k(d, {
+        k(f, {
           class: "mr-1",
           icon: u.collapse ? E(hn) : E(yn)
         }, null, 8, ["icon"]),
         q("span", null, ne(u.title), 1),
         k(y),
-        u.hasCreate ? (S(), R(d, {
+        u.hasCreate ? (S(), R(f, {
           key: 0,
           class: "mx-3",
           icon: E(ss),
-          onClick: f[0] || (f[0] = K((_) => l("create"), ["stop"]))
+          onClick: d[0] || (d[0] = K((b) => l("create"), ["stop"]))
         }, null, 8, ["icon"])) : X("", !0),
-        u.hasDelete ? (S(), R(d, {
+        u.hasDelete ? (S(), R(f, {
           key: 1,
           class: "mx-3",
           icon: E(ge),
-          onClick: f[1] || (f[1] = K((_) => l("delete", u.index), ["stop"]))
+          onClick: d[1] || (d[1] = K((b) => l("delete", u.index), ["stop"]))
         }, null, 8, ["icon"])) : X("", !0)
       ], 36)), [
         [v]
@@ -1096,17 +1096,17 @@ const Be = /* @__PURE__ */ z({
       l("menu", a.clientX, a.clientY);
     };
     return (a, u) => {
-      const f = ae("ripple");
+      const d = ae("ripple");
       return re((S(), F("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
         style: ie(i.value),
         onContextmenu: K(s, ["prevent"]),
-        onMouseover: u[0] || (u[0] = (d) => o.value = !0),
-        onMouseout: u[1] || (u[1] = (d) => o.value = !1)
+        onMouseover: u[0] || (u[0] = (f) => o.value = !0),
+        onMouseout: u[1] || (u[1] = (f) => o.value = !1)
       }, [
         Mn(a.$slots, "default")
       ], 36)), [
-        [f]
+        [d]
       ]);
     };
   }
@@ -1119,8 +1119,8 @@ function us(e, t, n) {
       as,
       {
         minHeight: t.value,
-        onMenu: (u, f) => {
-          _e.emit("propTreeMenu", { x: u, y: f, keys: o });
+        onMenu: (u, d) => {
+          _e.emit("propTreeMenu", { x: u, y: d, keys: o });
         }
       },
       () => [
@@ -1433,10 +1433,10 @@ function Ts(e) {
     },
     items: (() => {
       const a = [];
-      return l.items.forEach(({ title: u, value: f }) => {
+      return l.items.forEach(({ title: u, value: d }) => {
         a.push({
           title: t(u),
-          value: f
+          value: d
         });
       }), a;
     })(),
@@ -1460,7 +1460,7 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
       userSelect: "none"
     }));
     return (a, u) => {
-      const f = O("v-icon"), d = ae("ripple");
+      const d = O("v-icon"), f = ae("ripple");
       return re((S(), F("div", {
         class: "d-flex align-center cursor-pointer",
         style: ie(s.value),
@@ -1468,14 +1468,14 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
         onMouseover: u[1] || (u[1] = (y) => i.value = !0),
         onMouseout: u[2] || (u[2] = (y) => i.value = !1)
       }, [
-        k(f, {
+        k(d, {
           icon: l.collapse ? E(hn) : E(yn),
           size: "small"
         }, null, 8, ["icon"]),
         q("span", Ss, ne(l.title), 1),
         q("span", ws, ne(l.count), 1)
       ], 36)), [
-        [d]
+        [f]
       ]);
     };
   }
@@ -1494,17 +1494,17 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
       userSelect: "none"
     }));
     return (a, u) => {
-      const f = ae("ripple");
+      const d = ae("ripple");
       return re((S(), F("div", {
         class: "d-flex align-center cursor-pointer",
         style: ie(s.value),
-        onClick: u[0] || (u[0] = (d) => o("x-click", l.id)),
-        onMouseover: u[1] || (u[1] = (d) => i.value = !0),
-        onMouseout: u[2] || (u[2] = (d) => i.value = !1)
+        onClick: u[0] || (u[0] = (f) => o("x-click", l.id)),
+        onMouseover: u[1] || (u[1] = (f) => i.value = !0),
+        onMouseout: u[2] || (u[2] = (f) => i.value = !1)
       }, [
         q("span", Cs, ne(l.title), 1)
       ], 36)), [
-        [f]
+        [d]
       ]);
     };
   }
@@ -1571,32 +1571,32 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
       };
     }), u = G(() => ({
       height: "60px"
-    })), f = G(() => {
+    })), d = G(() => {
       if (!o.value)
         return t("x-prop-tree.notSet");
       const y = cn(i, o.value);
       return y ? y.name : t("x-runtime-lib.compNotAvail");
-    }), { open: d } = at(`propTreeCompSelectDlg${Gt()}`);
+    }), { open: f } = at(`propTreeCompSelectDlg${Gt()}`);
     return zt(() => {
-      d.value = !1;
+      f.value = !1;
     }), (y, v) => {
-      const _ = O("v-btn"), V = O("v-sheet"), $ = O("v-icon"), D = O("v-dialog");
+      const b = O("v-btn"), L = O("v-sheet"), _ = O("v-icon"), D = O("v-dialog");
       return S(), R(D, {
-        modelValue: E(d),
-        "onUpdate:modelValue": v[5] || (v[5] = (w) => Fe(d) ? d.value = w : null),
+        modelValue: E(f),
+        "onUpdate:modelValue": v[5] || (v[5] = (w) => Fe(f) ? f.value = w : null),
         transition: "scroll-x-reverse-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
-        onKeydown: v[6] || (v[6] = Un(K((w) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: v[6] || (v[6] = Un(K((w) => f.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: J(({ props: w }) => [
-          k(_, Kt(w, {
+          k(b, Kt(w, {
             density: "comfortable",
             block: ""
           }), {
             default: J(() => [
-              st(ne(f.value), 1)
+              st(ne(d.value), 1)
             ]),
             _: 2
           }, 1040)
@@ -1604,27 +1604,27 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
         default: J(() => [
           q("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
-            onClick: v[3] || (v[3] = K((w) => d.value = !1, ["self"])),
-            onContextmenu: v[4] || (v[4] = K((w) => d.value = !1, ["self", "prevent"]))
+            onClick: v[3] || (v[3] = K((w) => f.value = !1, ["self"])),
+            onContextmenu: v[4] || (v[4] = K((w) => f.value = !1, ["self", "prevent"]))
           }, [
             q("div", {
               class: "elevation-2",
               style: ie(s.value)
             }, [
-              E(r) ? (S(), R(V, {
+              E(r) ? (S(), R(L, {
                 key: 0,
                 color: "transparent",
                 height: 24
               })) : X("", !0),
-              k(V, {
+              k(L, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
                 default: J(() => [
-                  k($, {
+                  k(_, {
                     icon: E(is),
-                    onClick: v[0] || (v[0] = (w) => d.value = !1)
+                    onClick: v[0] || (v[0] = (w) => f.value = !1)
                   }, null, 8, ["icon"]),
                   q("span", Ms, ne(E(t)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
@@ -1637,8 +1637,8 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
                 k(xs, {
                   modelValue: o.value,
                   "onUpdate:modelValue": v[1] || (v[1] = (w) => o.value = w),
-                  open: E(d),
-                  "onUpdate:open": v[2] || (v[2] = (w) => Fe(d) ? d.value = w : null)
+                  open: E(f),
+                  "onUpdate:open": v[2] || (v[2] = (w) => Fe(f) ? f.value = w : null)
                 }, null, 8, ["modelValue", "open"]),
                 q("div", {
                   style: ie(u.value)
@@ -1695,7 +1695,7 @@ const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PU
     return zt(() => {
       i.value = !1;
     }), (s, a) => {
-      const u = O("v-btn"), f = O("v-icon"), d = O("v-color-picker"), y = O("v-menu");
+      const u = O("v-btn"), d = O("v-icon"), f = O("v-color-picker"), y = O("v-menu");
       return S(), R(y, {
         modelValue: E(i),
         "onUpdate:modelValue": a[2] || (a[2] = (v) => Fe(i) ? i.value = v : null),
@@ -1720,16 +1720,16 @@ const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PU
                 _: 2
               }, 1040, ["color", "disabled"])
             ], 4),
-            s.hasDelete ? (S(), R(f, {
+            s.hasDelete ? (S(), R(d, {
               key: 0,
               class: "mx-2",
               icon: E(ge),
-              onClick: a[0] || (a[0] = K((_) => r("delete"), ["stop"]))
+              onClick: a[0] || (a[0] = K((b) => r("delete"), ["stop"]))
             }, null, 8, ["icon"])) : X("", !0)
           ])
         ]),
         default: J(() => [
-          k(d, {
+          k(f, {
             modelValue: n.value,
             "onUpdate:modelValue": a[1] || (a[1] = (v) => n.value = v),
             mode: "hexa",
@@ -1782,49 +1782,50 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, ks = { c
   emits: /* @__PURE__ */ I(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const { t: n } = de(), r = oe(e, "modelValue"), l = t, o = B(0), i = G(() => {
-      const u = [];
-      return e.types.forEach(({ name: f }, d) => {
-        u.push({
+      const d = [];
+      return e.types.forEach(({ name: f }, y) => {
+        d.push({
           title: n(f),
-          value: d
+          value: y
         });
-      }), u;
+      }), d;
     });
     vt(() => {
-      e.types.some((u, f) => u.validator(r.value) ? (o.value = f, !0) : !1);
-    });
-    const s = G(() => e.types[o.value]);
-    Ce(s, (u) => {
-      r.value = u.default;
+      e.types.some((d, f) => d.validator(r.value) ? (o.value = f, !0) : !1);
     });
-    const a = B(0);
+    const s = G(() => e.types[o.value]), a = () => {
+      r.value = s.value.default;
+    }, u = B(0);
     return vt(() => {
-      s.value.ui === "pixelInput" ? a.value = Nn(r.value) : s.value.ui === "percentInput" && (a.value = kn(r.value));
-    }), Ce(a, (u) => {
-      s.value.ui === "pixelInput" ? r.value = u + "px" : s.value.ui === "percentInput" && (r.value = u + "%");
-    }), (u, f) => {
-      const d = O("v-select"), y = O("v-number-input"), v = O("v-icon"), _ = ae("ripple");
+      s.value.ui === "pixelInput" ? u.value = Nn(r.value) : s.value.ui === "percentInput" && (u.value = kn(r.value));
+    }), Be(u, (d) => {
+      s.value.ui === "pixelInput" ? r.value = d + "px" : s.value.ui === "percentInput" && (r.value = d + "%");
+    }), (d, f) => {
+      const y = O("v-select"), v = O("v-number-input"), b = O("v-icon"), L = ae("ripple");
       return S(), F("div", Ns, [
         q("div", ks, [
-          re(k(d, {
+          re(k(y, {
             modelValue: o.value,
-            "onUpdate:modelValue": f[0] || (f[0] = (V) => o.value = V),
+            "onUpdate:modelValue": [
+              f[0] || (f[0] = (_) => o.value = _),
+              a
+            ],
             density: "compact",
             items: i.value,
             "hide-details": "",
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              _,
+              L,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]),
-          s.value.ui === "pixelInput" || s.value.ui === "percentInput" ? re((S(), R(y, {
+          s.value.ui === "pixelInput" || s.value.ui === "percentInput" ? re((S(), R(v, {
             key: 0,
-            modelValue: a.value,
-            "onUpdate:modelValue": f[1] || (f[1] = (V) => a.value = V),
+            modelValue: u.value,
+            "onUpdate:modelValue": f[1] || (f[1] = (_) => u.value = _),
             density: "compact",
             "control-variant": "stacked",
             precision: s.value.precision,
@@ -1835,18 +1836,18 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, ks = { c
             "single-line": ""
           }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
             [
-              _,
+              L,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]) : X("", !0)
         ]),
-        u.hasDelete ? (S(), R(v, {
+        d.hasDelete ? (S(), R(b, {
           key: 0,
           class: "mx-2",
           icon: E(ge),
-          onClick: f[2] || (f[2] = K((V) => l("delete"), ["stop"]))
+          onClick: f[2] || (f[2] = K((_) => l("delete"), ["stop"]))
         }, null, 8, ["icon"])) : X("", !0)
       ]);
     };
@@ -1889,81 +1890,81 @@ const Fs = /* @__PURE__ */ z({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = de(), { backgroundColor1: r } = Te(), l = e, o = t, i = B("20px"), s = B("56px"), a = B("200px"), u = Ln({}), f = B({}), d = (m, c) => {
-      Ft(f, l.config, l.object), o("change", m, c);
+    const { t: n } = de(), { backgroundColor1: r } = Te(), l = e, o = t, i = B("20px"), s = B("56px"), a = B("200px"), u = Ln({}), d = B({}), f = (m, c) => {
+      Ft(d, l.config, l.object), o("change", m, c);
     };
-    Ce(
+    Be(
       [() => l.config, () => l.object],
       () => {
-        Ft(f, l.config, l.object, (m, c) => {
+        Ft(d, l.config, l.object, (m, c) => {
           o("change", m, c);
         });
       },
       { immediate: !0 }
     );
     const y = B(l.config);
-    Ji(y), Ce(
+    Ji(y), Be(
       () => l.config,
       () => {
         y.value = l.config;
       }
     );
     const v = B(l.object);
-    Yi(v), Ce(
+    Yi(v), Be(
       () => l.object,
       () => {
         v.value = l.object;
       }
-    ), es(f), ns(d);
-    const _ = B([]);
-    os(_);
-    const V = () => {
+    ), es(d), ns(f);
+    const b = B([]);
+    os(b);
+    const L = () => {
       const { compGroups: m, comps: c } = Rn.app.activeApp, g = [];
-      m.forEach(({ id: p, name: b, position: C }) => {
-        const L = _.value.find((Q) => Q.id === p);
+      m.forEach(({ id: p, name: $, position: C }) => {
+        const U = b.value.find((Q) => Q.id === p);
         g.push({
           id: p,
           type: 0,
-          name: b,
+          name: $,
           position: C,
-          collapse: (L == null ? void 0 : L.collapse) ?? !0
+          collapse: (U == null ? void 0 : U.collapse) ?? !0
         });
-      }), c.forEach(({ id: p, groupid: b, name: C, position: L }) => {
-        g.push({ id: p, type: 1, name: C, position: L, group: b });
-      }), Fi(g, !0), _.value = g;
+      }), c.forEach(({ id: p, groupid: $, name: C, position: U }) => {
+        g.push({ id: p, type: 1, name: C, position: U, group: $ });
+      }), Fi(g, !0), b.value = g;
     };
-    let $;
+    let _;
     const D = () => {
-      clearTimeout($), $ = window.setTimeout(() => {
-        V(), $ && D();
+      clearTimeout(_), _ = window.setTimeout(() => {
+        L(), _ && D();
       }, 1e3);
     }, w = () => {
-      clearTimeout($), $ = void 0;
+      clearTimeout(_), _ = void 0;
     };
     Dn(() => {
       D();
     }), jn(() => {
       w();
     });
-    const { renderProp: M } = us(f, s, a), { renderUiDummy: A } = cs(d), { renderUiStrInput: U } = ps(d), { renderUiNumInput: W } = gs(d), { renderUiSwitch: We } = _s(d), { renderUiSelect: _n } = Ts(d), { renderUiColorPicker: bn } = Es(d), { renderUiMultiTypes: $n } = Rs(d), { renderUiCompSelect: Tn } = Ls(d), De = (m, c, g, p, b, C) => (m = sn(m), b !== void 0 ? (m.push(b), C && m.push(c.key)) : m.push(c.key), c.ui ? c.array && b === void 0 ? An(m, c, g, p, b, C) : Cn(m, c, g, b, C) : c.array ? Sn(m, c, g, p, b, C) : wn(
+    const { renderProp: x } = us(d, s, a), { renderUiDummy: A } = cs(f), { renderUiStrInput: M } = ps(f), { renderUiNumInput: W } = gs(f), { renderUiSwitch: We } = _s(f), { renderUiSelect: _n } = Ts(f), { renderUiColorPicker: bn } = Es(f), { renderUiMultiTypes: $n } = Rs(f), { renderUiCompSelect: Tn } = Ls(f), Le = (m, c, g, p, $, C) => (m = sn(m), $ !== void 0 ? (m.push($), C && m.push(c.key)) : m.push(c.key), c.ui ? c.array && $ === void 0 ? An(m, c, g, p, $, C) : Cn(m, c, g, $, C) : c.array ? Sn(m, c, g, p, $, C) : wn(
       m,
       c,
       g,
       p,
-      b,
+      $,
       C
-    )), Sn = (m, c, g, p, b, C) => {
+    )), Sn = (m, c, g, p, $, C) => {
       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 (!p)
         return console.assert(!1), h("div", "renderBranchArray branch must be valid");
-      let L;
-      b !== void 0 && !C ? (g[b] instanceof Array || (g[b] = N(c), d(m, g[c.key])), L = g[b]) : (g[c.key] instanceof Array || (g[c.key] = N(c), d(m, g[c.key])), L = g[c.key]);
+      let U;
+      $ !== void 0 && !C ? (g[$] instanceof Array || (g[$] = N(c), f(m, g[c.key])), U = g[$]) : (g[c.key] instanceof Array || (g[c.key] = N(c), f(m, g[c.key])), U = g[c.key]);
       let Q = n(c.name);
-      p.collapse && be(f.value, m) && (Q += " *");
-      const Se = h(Be, {
+      p.collapse && be(d.value, m) && (Q += " *");
+      const Se = h(ke, {
         title: Q,
         collapse: p.collapse,
         hasCreate: !0,
@@ -1974,7 +1975,7 @@ const Fs = /* @__PURE__ */ z({
           _e.emit("propTreeMenu", { x: T, y: j, keys: m });
         },
         onCreate: () => {
-          L.push({}), d(m, L);
+          U.push({}), f(m, U);
         }
       }), H = h(
         "div",
@@ -1985,7 +1986,7 @@ const Fs = /* @__PURE__ */ z({
         },
         (() => {
           const T = [];
-          for (let j = 0; j < L.length; j++) {
+          for (let j = 0; j < U.length; j++) {
             if (!tt(p.children)) {
               console.assert(!1);
               break;
@@ -1994,10 +1995,10 @@ const Fs = /* @__PURE__ */ z({
               collapse: !0,
               children: {}
             });
-            const je = [...m, j], Ee = p.children[j];
+            const De = [...m, j], je = p.children[j];
             let mt = n("x-prop-tree.entry", { index: j });
-            p.children[j].collapse && be(f.value, je) && (mt += " *");
-            const On = h(Be, {
+            p.children[j].collapse && be(d.value, De) && (mt += " *");
+            const On = h(ke, {
               title: mt,
               collapse: p.children[j].collapse,
               hasDelete: !0,
@@ -2010,14 +2011,14 @@ const Fs = /* @__PURE__ */ z({
                 p.children[j].collapse = ee;
               },
               onMenu: (ee, ue) => {
-                _e.emit("propTreeMenu", { x: ee, y: ue, keys: je });
+                _e.emit("propTreeMenu", { x: ee, y: ue, keys: De });
               },
               onDelete: (ee) => {
                 if (!tt(p.children)) {
                   console.assert(!1);
                   return;
                 }
-                p.children.splice(ee, 1), L.splice(ee, 1), d(m, L);
+                p.children.splice(ee, 1), U.splice(ee, 1), f(m, U);
               }
             });
             T.push(On);
@@ -2031,19 +2032,19 @@ const Fs = /* @__PURE__ */ z({
               (() => {
                 const ee = [];
                 return c.children.forEach((ue) => {
-                  if (!Rt(Ee.children)) {
+                  if (!Rt(je.children)) {
                     console.assert(!1);
                     return;
                   }
-                  Ee.children[ue.key] || (Ee.children[ue.key] = {
+                  je.children[ue.key] || (je.children[ue.key] = {
                     collapse: !0,
                     children: ue.array ? [] : {}
                   });
-                  const xn = De(
+                  const xn = Le(
                     m,
                     ue,
-                    L[j],
-                    Ee.children[ue.key],
+                    U[j],
+                    je.children[ue.key],
                     j,
                     !0
                   );
@@ -2068,19 +2069,19 @@ const Fs = /* @__PURE__ */ z({
           return T.push(Se), p.collapse || T.push(H), T;
         })()
       );
-    }, wn = (m, c, g, p, b, C) => {
+    }, wn = (m, c, g, p, $, C) => {
       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 (!p)
         return console.assert(!1), h("div", "renderBranchScalar branch must be valid");
-      let L = n(c.name);
-      p.collapse && be(f.value, m) && (L += " *");
-      const Q = h(Be, {
-        title: L,
+      let U = n(c.name);
+      p.collapse && be(d.value, m) && (U += " *");
+      const Q = h(ke, {
+        title: U,
         collapse: p.collapse,
-        hasDelete: b !== void 0 && !C,
+        hasDelete: $ !== void 0 && !C,
         onCollapse: (H) => {
           p.collapse = H;
         },
@@ -2088,7 +2089,7 @@ const Fs = /* @__PURE__ */ z({
           _e.emit("propTreeMenu", { x: H, y: T, keys: m });
         },
         onDelete: () => {
-          b === void 0 || C || (g.splice(b, 1), d(m.slice(0, -1), g));
+          $ === void 0 || C || (g.splice($, 1), f(m.slice(0, -1), g));
         }
       }), Se = h(
         "div",
@@ -2108,10 +2109,10 @@ const Fs = /* @__PURE__ */ z({
               collapse: !0,
               children: !T.ui && T.array ? [] : {}
             });
-            const j = De(
+            const j = Le(
               m,
               T,
-              (typeof g[c.key] != "object" && (g[c.key] = {}, d(m, g[c.key])), g[c.key]),
+              (typeof g[c.key] != "object" && (g[c.key] = {}, f(m, g[c.key])), g[c.key]),
               p.children[T.key]
             );
             H.push(j);
@@ -2130,18 +2131,18 @@ const Fs = /* @__PURE__ */ z({
           return H.push(Q), p.collapse || H.push(Se), H;
         })()
       );
-    }, An = (m, c, g, p, b, C) => {
+    }, An = (m, c, g, p, $, C) => {
       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 (!p)
         return console.assert(!1), h("div", "renderLeafArray branch must be valid");
-      let L;
-      b !== void 0 && !C ? (g[b] instanceof Array || (g[b] = N(c), d(m, g[b])), L = g[b]) : (g[c.key] instanceof Array || (g[c.key] = N(c), d(m, g[c.key])), L = g[c.key]);
+      let U;
+      $ !== void 0 && !C ? (g[$] instanceof Array || (g[$] = N(c), f(m, g[$])), U = g[$]) : (g[c.key] instanceof Array || (g[c.key] = N(c), f(m, g[c.key])), U = g[c.key]);
       let Q = n(c.name);
-      p.collapse && be(f.value, m) && (Q += " *");
-      const Se = h(Be, {
+      p.collapse && be(d.value, m) && (Q += " *");
+      const Se = h(ke, {
         title: Q,
         collapse: p.collapse,
         hasCreate: !0,
@@ -2152,7 +2153,7 @@ const Fs = /* @__PURE__ */ z({
           _e.emit("propTreeMenu", { x: T, y: j, keys: m });
         },
         onCreate: () => {
-          L.push(N(c, !0)), d(m, L);
+          U.push(N(c, !0)), f(m, U);
         }
       }), H = h(
         "div",
@@ -2163,9 +2164,9 @@ const Fs = /* @__PURE__ */ z({
         },
         (() => {
           const T = [];
-          for (let j = 0; j < L.length; j++) {
-            const je = De(m, c, L, void 0, j, !1);
-            T.push(je);
+          for (let j = 0; j < U.length; j++) {
+            const De = Le(m, c, U, void 0, j, !1);
+            T.push(De);
           }
           return T;
         })()
@@ -2182,11 +2183,11 @@ const Fs = /* @__PURE__ */ z({
           return T.push(Se), p.collapse || T.push(H), T;
         })()
       );
-    }, Cn = (m, c, g, p, b) => {
+    }, Cn = (m, c, g, p, $) => {
       if (!c.ui)
         return console.assert(!1), h("div", "renderLeafScalar prop ui must be valid");
       let C;
-      return c.ui === "dummy" ? C = A(m, c, g, p, b) : c.ui === "strInput" ? C = U(m, c, g, p, b) : c.ui === "numInput" ? C = W(m, c, g, p, b) : c.ui === "switch" ? C = We(m, c, g, p, b) : c.ui === "select" ? C = _n(m, c, g, p, b) : c.ui === "colorPicker" ? C = bn(m, c, g, p, b) : c.ui === "multiTypes" ? C = $n(m, c, g, p, b) : c.ui === "compSelect" ? C = Tn(m, c, g, p, b) : console.assert(!1, "renderLeafScalar not implemented"), C ? M(m, c, C) : h("div");
+      return c.ui === "dummy" ? C = A(m, c, g, p, $) : c.ui === "strInput" ? C = M(m, c, g, p, $) : c.ui === "numInput" ? C = W(m, c, g, p, $) : c.ui === "switch" ? C = We(m, c, g, p, $) : c.ui === "select" ? C = _n(m, c, g, p, $) : c.ui === "colorPicker" ? C = bn(m, c, g, p, $) : c.ui === "multiTypes" ? C = $n(m, c, g, p, $) : c.ui === "compSelect" ? C = Tn(m, c, g, p, $) : console.assert(!1, "renderLeafScalar not implemented"), C ? x(m, c, C) : h("div");
     }, Pn = () => h(
       "div",
       {
@@ -2205,7 +2206,7 @@ const Fs = /* @__PURE__ */ z({
               collapse: !0,
               children: !g.ui && g.array ? [] : {}
             });
-            const p = De([], g, l.object, c[g.key]);
+            const p = Le([], g, l.object, c[g.key]);
             m.push(p);
           });
         }
@@ -2217,7 +2218,7 @@ const Fs = /* @__PURE__ */ z({
       k(ls, {
         config: l.config,
         object: l.object,
-        "prop-states": f.value
+        "prop-states": d.value
       }, null, 8, ["config", "object", "prop-states"])
     ], 64));
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.6.4",
+  "version": "0.6.5",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -28,7 +28,7 @@
     "vuetify": "^3.8.1",
     "x-essential-lib": "^0.8.6",
     "x-group-list": "^0.4.1",
-    "x-runtime-lib": "^0.6.13",
+    "x-runtime-lib": "^0.6.14",
     "x-state-lib": "^0.2.1"
   },
   "devDependencies": {