x-prop-tree 0.6.13 → 0.6.15

package/dist/index.js

@@ -1,4 +1,4 @@
-import { provide as Te, inject as Se, defineComponent as K, ref as R, computed as k, resolveComponent as x, createBlock as F, openBlock as S, unref as E, isRef as Fe, withCtx as J, createVNode as B, createElementBlock as H, Fragment as He, renderList as Ht, createTextVNode as at, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as q, normalizeStyle as le, createElementVNode as z, createCommentVNode as I, renderSlot as jn, h as _, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as Kt, withKeys as En, mergeProps as qt, watchEffect as mt, watch as Re, reactive as Nn, onMounted as Bn, onBeforeUnmount as Rn } from "vue";
+import { provide as Te, inject as Se, defineComponent as K, ref as R, computed as k, resolveComponent as M, createBlock as F, openBlock as w, unref as E, isRef as Fe, withCtx as J, createVNode as B, createElementBlock as H, Fragment as He, renderList as Ht, createTextVNode as at, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as q, normalizeStyle as le, createElementVNode as z, createCommentVNode as I, renderSlot as jn, h as _, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as Kt, withKeys as En, mergeProps as qt, watchEffect as mt, watch as Oe, reactive as Nn, onMounted as Bn, onBeforeUnmount as Rn } from "vue";
 import { useI18n as ue } from "vue-i18n";
 import { useViewStack as ut, useColor as we, eventBus as _e, useSystem as kn } from "x-essential-lib";
 import { getPropDefault as N, pkgs as zt, parsePixelStr as Fn, parsePercentStr as Hn } from "x-runtime-lib";
@@ -20,13 +20,13 @@ function Wn(e) {
   return Jn.call(e);
 }
 var Yn = "[object Null]", Qn = "[object Undefined]", gt = se ? se.toStringTag : void 0;
-function Ue(e) {
+function Le(e) {
   return e == null ? e === void 0 ? Qn : Yn : gt && gt in Object(e) ? Xn(e) : Wn(e);
 }
 function de(e) {
   return e != null && typeof e == "object";
 }
-var xe = Array.isArray;
+var Ve = Array.isArray;
 function ze(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
@@ -35,7 +35,7 @@ var er = "[object AsyncFunction]", tr = "[object Function]", nr = "[object Gener
 function Zt(e) {
   if (!ze(e))
     return !1;
-  var t = Ue(e);
+  var t = Le(e);
   return t == tr || t == nr || t == er || t == rr;
 }
 var Qe = Y["__core-js_shared__"], yt = function() {
@@ -139,7 +139,7 @@ function Or(e, t) {
 }
 var xr = "[object Arguments]";
 function bt(e) {
-  return de(e) && Ue(e) == xr;
+  return de(e) && Le(e) == xr;
 }
 var Yt = Object.prototype, Vr = Yt.hasOwnProperty, Mr = Yt.propertyIsEnumerable, Ur = bt(/* @__PURE__ */ function() {
   return arguments;
@@ -149,26 +149,26 @@ var Yt = Object.prototype, Vr = Yt.hasOwnProperty, Mr = Yt.propertyIsEnumerable,
 function Lr() {
   return !1;
 }
-var Qt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Qt && typeof module == "object" && module && !module.nodeType && module, Dr = $t && $t.exports === Qt, Tt = Dr ? Y.Buffer : void 0, jr = Tt ? Tt.isBuffer : void 0, Ge = jr || Lr, Er = "[object Arguments]", Nr = "[object Array]", Br = "[object Boolean]", Rr = "[object Date]", kr = "[object Error]", Fr = "[object Function]", Hr = "[object Map]", Gr = "[object Number]", Kr = "[object Object]", qr = "[object RegExp]", zr = "[object Set]", Ir = "[object String]", Xr = "[object WeakMap]", Zr = "[object ArrayBuffer]", Jr = "[object DataView]", Wr = "[object Float32Array]", Yr = "[object Float64Array]", Qr = "[object Int8Array]", eo = "[object Int16Array]", to = "[object Int32Array]", no = "[object Uint8Array]", ro = "[object Uint8ClampedArray]", oo = "[object Uint16Array]", io = "[object Uint32Array]", M = {};
-M[Wr] = M[Yr] = M[Qr] = M[eo] = M[to] = M[no] = M[ro] = M[oo] = M[io] = !0;
-M[Er] = M[Nr] = M[Zr] = M[Br] = M[Jr] = M[Rr] = M[kr] = M[Fr] = M[Hr] = M[Gr] = M[Kr] = M[qr] = M[zr] = M[Ir] = M[Xr] = !1;
+var Qt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Qt && typeof module == "object" && module && !module.nodeType && module, Dr = $t && $t.exports === Qt, Tt = Dr ? Y.Buffer : void 0, jr = Tt ? Tt.isBuffer : void 0, Ge = jr || Lr, Er = "[object Arguments]", Nr = "[object Array]", Br = "[object Boolean]", Rr = "[object Date]", kr = "[object Error]", Fr = "[object Function]", Hr = "[object Map]", Gr = "[object Number]", Kr = "[object Object]", qr = "[object RegExp]", zr = "[object Set]", Ir = "[object String]", Xr = "[object WeakMap]", Zr = "[object ArrayBuffer]", Jr = "[object DataView]", Wr = "[object Float32Array]", Yr = "[object Float64Array]", Qr = "[object Int8Array]", eo = "[object Int16Array]", to = "[object Int32Array]", no = "[object Uint8Array]", ro = "[object Uint8ClampedArray]", oo = "[object Uint16Array]", io = "[object Uint32Array]", U = {};
+U[Wr] = U[Yr] = U[Qr] = U[eo] = U[to] = U[no] = U[ro] = U[oo] = U[io] = !0;
+U[Er] = U[Nr] = U[Zr] = U[Br] = U[Jr] = U[Rr] = U[kr] = U[Fr] = U[Hr] = U[Gr] = U[Kr] = U[qr] = U[zr] = U[Ir] = U[Xr] = !1;
 function lo(e) {
-  return de(e) && Jt(e.length) && !!M[Ue(e)];
+  return de(e) && Jt(e.length) && !!U[Le(e)];
 }
 function ft(e) {
   return function(t) {
     return e(t);
   };
 }
-var en = typeof exports == "object" && exports && !exports.nodeType && exports, Oe = en && typeof module == "object" && module && !module.nodeType && module, so = Oe && Oe.exports === en, et = so && It.process, $e = function() {
+var en = typeof exports == "object" && exports && !exports.nodeType && exports, xe = en && typeof module == "object" && module && !module.nodeType && module, so = xe && xe.exports === en, et = so && It.process, $e = function() {
   try {
-    var e = Oe && Oe.require && Oe.require("util").types;
+    var e = xe && xe.require && xe.require("util").types;
     return e || et && et.binding && et.binding("util");
   } catch {
   }
 }(), St = $e && $e.isTypedArray, tn = St ? ft(St) : lo, ao = Object.prototype, uo = ao.hasOwnProperty;
 function co(e, t) {
-  var n = xe(e), r = !n && Ur(e), i = !n && !r && Ge(e), o = !n && !r && !i && tn(e), l = n || r || i || o, u = l ? Or(e.length, String) : [], a = u.length;
+  var n = Ve(e), r = !n && Ur(e), i = !n && !r && Ge(e), o = !n && !r && !i && tn(e), l = n || r || i || o, u = l ? Or(e.length, String) : [], a = u.length;
   for (var s in e)
     uo.call(e, s) && !(l && // Safari 9 has enumerable `arguments.length` in strict mode.
     (s == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -194,9 +194,9 @@ function mo(e) {
 function go(e) {
   return Cr(e) ? co(e) : mo(e);
 }
-var Ve = me(Object, "create");
+var Me = me(Object, "create");
 function yo() {
-  this.__data__ = Ve ? Ve(null) : {}, this.size = 0;
+  this.__data__ = Me ? Me(null) : {}, this.size = 0;
 }
 function ho(e) {
   var t = this.has(e) && delete this.__data__[e];
@@ -205,7 +205,7 @@ function ho(e) {
 var _o = "__lodash_hash_undefined__", bo = Object.prototype, $o = bo.hasOwnProperty;
 function To(e) {
   var t = this.__data__;
-  if (Ve) {
+  if (Me) {
     var n = t[e];
     return n === _o ? void 0 : n;
   }
@@ -214,12 +214,12 @@ function To(e) {
 var So = Object.prototype, wo = So.hasOwnProperty;
 function Ao(e) {
   var t = this.__data__;
-  return Ve ? t[e] !== void 0 : wo.call(t, e);
+  return Me ? t[e] !== void 0 : wo.call(t, e);
 }
 var Co = "__lodash_hash_undefined__";
 function Po(e, t) {
   var n = this.__data__;
-  return this.size += this.has(e) ? 0 : 1, n[e] = Ve && t === void 0 ? Co : t, this;
+  return this.size += this.has(e) ? 0 : 1, n[e] = Me && t === void 0 ? Co : t, this;
 }
 function pe(e) {
   var t = -1, n = e == null ? 0 : e.length;
@@ -273,11 +273,11 @@ ie.prototype.delete = Mo;
 ie.prototype.get = Uo;
 ie.prototype.has = Lo;
 ie.prototype.set = Do;
-var Me = me(Y, "Map");
+var Ue = me(Y, "Map");
 function jo() {
   this.size = 0, this.__data__ = {
     hash: new pe(),
-    map: new (Me || ie)(),
+    map: new (Ue || ie)(),
     string: new pe()
   };
 }
@@ -339,7 +339,7 @@ function Xo(e, t) {
   var n = this.__data__;
   if (n instanceof ie) {
     var r = n.__data__;
-    if (!Me || r.length < Io - 1)
+    if (!Ue || r.length < Io - 1)
       return r.push([e, t]), this.size = ++n.size, this;
     n = this.__data__ = new ge(r);
   }
@@ -376,14 +376,14 @@ var Qo = Object.prototype, ei = Qo.propertyIsEnumerable, Ct = Object.getOwnPrope
 } : Yo;
 function ni(e, t, n) {
   var r = t(e);
-  return xe(e) ? r : Fo(r, n(e));
+  return Ve(e) ? r : Fo(r, n(e));
 }
 function ot(e) {
   return ni(e, go, ti);
 }
-var it = me(Y, "DataView"), lt = me(Y, "Promise"), st = me(Y, "Set"), Pt = "[object Map]", ri = "[object Object]", Ot = "[object Promise]", xt = "[object Set]", Vt = "[object WeakMap]", Mt = "[object DataView]", oi = ve(it), ii = ve(Me), li = ve(lt), si = ve(st), ai = ve(rt), Z = Ue;
-(it && Z(new it(new ArrayBuffer(1))) != Mt || Me && Z(new Me()) != Pt || lt && Z(lt.resolve()) != Ot || st && Z(new st()) != xt || rt && Z(new rt()) != Vt) && (Z = function(e) {
-  var t = Ue(e), n = t == ri ? e.constructor : void 0, r = n ? ve(n) : "";
+var it = me(Y, "DataView"), lt = me(Y, "Promise"), st = me(Y, "Set"), Pt = "[object Map]", ri = "[object Object]", Ot = "[object Promise]", xt = "[object Set]", Vt = "[object WeakMap]", Mt = "[object DataView]", oi = ve(it), ii = ve(Ue), li = ve(lt), si = ve(st), ai = ve(rt), Z = Le;
+(it && Z(new it(new ArrayBuffer(1))) != Mt || Ue && Z(new Ue()) != Pt || lt && Z(lt.resolve()) != Ot || st && Z(new st()) != xt || rt && Z(new rt()) != Vt) && (Z = function(e) {
+  var t = Le(e), n = t == ri ? e.constructor : void 0, r = n ? ve(n) : "";
   if (r)
     switch (r) {
       case oi:
@@ -471,16 +471,16 @@ var Dt = $e && $e.isMap, ki = Dt ? ft(Dt) : Ri, Fi = "[object Set]";
 function Hi(e) {
   return de(e) && Z(e) == Fi;
 }
-var jt = $e && $e.isSet, Gi = jt ? ft(jt) : Hi, on = "[object Arguments]", Ki = "[object Array]", qi = "[object Boolean]", zi = "[object Date]", Ii = "[object Error]", ln = "[object Function]", Xi = "[object GeneratorFunction]", Zi = "[object Map]", Ji = "[object Number]", sn = "[object Object]", Wi = "[object RegExp]", Yi = "[object Set]", Qi = "[object String]", el = "[object Symbol]", tl = "[object WeakMap]", nl = "[object ArrayBuffer]", rl = "[object DataView]", ol = "[object Float32Array]", il = "[object Float64Array]", ll = "[object Int8Array]", sl = "[object Int16Array]", al = "[object Int32Array]", ul = "[object Uint8Array]", cl = "[object Uint8ClampedArray]", fl = "[object Uint16Array]", dl = "[object Uint32Array]", O = {};
-O[on] = O[Ki] = O[nl] = O[rl] = O[qi] = O[zi] = O[ol] = O[il] = O[ll] = O[sl] = O[al] = O[Zi] = O[Ji] = O[sn] = O[Wi] = O[Yi] = O[Qi] = O[el] = O[ul] = O[cl] = O[fl] = O[dl] = !0;
-O[Ii] = O[ln] = O[tl] = !1;
+var jt = $e && $e.isSet, Gi = jt ? ft(jt) : Hi, on = "[object Arguments]", Ki = "[object Array]", qi = "[object Boolean]", zi = "[object Date]", Ii = "[object Error]", ln = "[object Function]", Xi = "[object GeneratorFunction]", Zi = "[object Map]", Ji = "[object Number]", sn = "[object Object]", Wi = "[object RegExp]", Yi = "[object Set]", Qi = "[object String]", el = "[object Symbol]", tl = "[object WeakMap]", nl = "[object ArrayBuffer]", rl = "[object DataView]", ol = "[object Float32Array]", il = "[object Float64Array]", ll = "[object Int8Array]", sl = "[object Int16Array]", al = "[object Int32Array]", ul = "[object Uint8Array]", cl = "[object Uint8ClampedArray]", fl = "[object Uint16Array]", dl = "[object Uint32Array]", V = {};
+V[on] = V[Ki] = V[nl] = V[rl] = V[qi] = V[zi] = V[ol] = V[il] = V[ll] = V[sl] = V[al] = V[Zi] = V[Ji] = V[sn] = V[Wi] = V[Yi] = V[Qi] = V[el] = V[ul] = V[cl] = V[fl] = V[dl] = !0;
+V[Ii] = V[ln] = V[tl] = !1;
 function ke(e, t, n, r, i, o) {
   var l;
   if (l !== void 0)
     return l;
   if (!ze(e))
     return e;
-  var u = xe(e);
+  var u = Ve(e);
   if (u)
     l = fi(e);
   else {
@@ -490,23 +490,23 @@ function ke(e, t, n, r, i, o) {
     if (a == sn || a == on || s && !i)
       l = s ? {} : Ni(e);
     else {
-      if (!O[a])
+      if (!V[a])
         return i ? e : {};
       l = Ei(e, a);
     }
   }
   o || (o = new te());
-  var p = o.get(e);
-  if (p)
-    return p;
-  o.set(e, l), Gi(e) ? e.forEach(function(v) {
-    l.add(ke(v, t, n, v, e, o));
-  }) : ki(e) && e.forEach(function(v, h) {
-    l.set(h, ke(v, t, n, h, e, o));
+  var v = o.get(e);
+  if (v)
+    return v;
+  o.set(e, l), Gi(e) ? e.forEach(function(p) {
+    l.add(ke(p, t, n, p, e, o));
+  }) : ki(e) && e.forEach(function(p, h) {
+    l.set(h, ke(p, t, n, h, e, o));
   });
-  var f = ot, d = u ? void 0 : f(e);
-  return yr(d || e, function(v, h) {
-    d && (h = v, v = e[h]), wr(l, h, ke(v, t, n, h, e, o));
+  var d = ot, f = u ? void 0 : d(e);
+  return yr(f || e, function(p, h) {
+    f && (h = p, p = e[h]), wr(l, h, ke(p, t, n, h, e, o));
   }), l;
 }
 var pl = 1, vl = 4;
@@ -541,34 +541,34 @@ function un(e, t, n, r, i, o) {
   var l = n & bl, u = e.length, a = t.length;
   if (u != a && !(l && a > u))
     return !1;
-  var s = o.get(e), p = o.get(t);
-  if (s && p)
-    return s == t && p == e;
-  var f = -1, d = !0, v = n & $l ? new qe() : void 0;
-  for (o.set(e, t), o.set(t, e); ++f < u; ) {
-    var h = e[f], V = t[f];
+  var s = o.get(e), v = o.get(t);
+  if (s && v)
+    return s == t && v == e;
+  var d = -1, f = !0, p = n & $l ? new qe() : void 0;
+  for (o.set(e, t), o.set(t, e); ++d < u; ) {
+    var h = e[d], P = t[d];
     if (r)
-      var w = l ? r(V, h, f, t, e, o) : r(h, V, f, e, t, o);
-    if (w !== void 0) {
-      if (w)
+      var A = l ? r(P, h, d, t, e, o) : r(h, P, d, e, t, o);
+    if (A !== void 0) {
+      if (A)
         continue;
-      d = !1;
+      f = !1;
       break;
     }
-    if (v) {
-      if (!hl(t, function(A, b) {
-        if (!_l(v, b) && (h === A || i(h, A, n, r, o)))
-          return v.push(b);
+    if (p) {
+      if (!hl(t, function(C, $) {
+        if (!_l(p, $) && (h === C || i(h, C, n, r, o)))
+          return p.push($);
       })) {
-        d = !1;
+        f = !1;
         break;
       }
-    } else if (!(h === V || i(h, V, n, r, o))) {
-      d = !1;
+    } else if (!(h === P || i(h, P, n, r, o))) {
+      f = !1;
       break;
     }
   }
-  return o.delete(e), o.delete(t), d;
+  return o.delete(e), o.delete(t), f;
 }
 function Tl(e) {
   var t = -1, n = Array(e.size);
@@ -610,8 +610,8 @@ function Nl(e, t, n, r, i, o, l) {
       if (s)
         return s == t;
       r |= Al, l.set(e, t);
-      var p = un(u(e), u(t), r, i, o, l);
-      return l.delete(e), p;
+      var v = un(u(e), u(t), r, i, o, l);
+      return l.delete(e), v;
     case Dl:
       if (tt)
         return tt.call(e) == tt.call(t);
@@ -620,56 +620,56 @@ function Nl(e, t, n, r, i, o, l) {
 }
 var Bl = 1, Rl = Object.prototype, kl = Rl.hasOwnProperty;
 function Fl(e, t, n, r, i, o) {
-  var l = n & Bl, u = ot(e), a = u.length, s = ot(t), p = s.length;
-  if (a != p && !l)
+  var l = n & Bl, u = ot(e), a = u.length, s = ot(t), v = s.length;
+  if (a != v && !l)
     return !1;
-  for (var f = a; f--; ) {
-    var d = u[f];
-    if (!(l ? d in t : kl.call(t, d)))
+  for (var d = a; d--; ) {
+    var f = u[d];
+    if (!(l ? f in t : kl.call(t, f)))
       return !1;
   }
-  var v = o.get(e), h = o.get(t);
-  if (v && h)
-    return v == t && h == e;
-  var V = !0;
+  var p = o.get(e), h = o.get(t);
+  if (p && h)
+    return p == t && h == e;
+  var P = !0;
   o.set(e, t), o.set(t, e);
-  for (var w = l; ++f < a; ) {
-    d = u[f];
-    var A = e[d], b = t[d];
+  for (var A = l; ++d < a; ) {
+    f = u[d];
+    var C = e[f], $ = t[f];
     if (r)
-      var U = l ? r(b, A, d, t, e, o) : r(A, b, d, e, t, o);
-    if (!(U === void 0 ? A === b || i(A, b, n, r, o) : U)) {
-      V = !1;
+      var O = l ? r($, C, f, t, e, o) : r(C, $, f, e, t, o);
+    if (!(O === void 0 ? C === $ || i(C, $, n, r, o) : O)) {
+      P = !1;
       break;
     }
-    w || (w = d == "constructor");
+    A || (A = f == "constructor");
   }
-  if (V && !w) {
-    var C = e.constructor, L = t.constructor;
-    C != L && "constructor" in e && "constructor" in t && !(typeof C == "function" && C instanceof C && typeof L == "function" && L instanceof L) && (V = !1);
+  if (P && !A) {
+    var T = e.constructor, L = t.constructor;
+    T != L && "constructor" in e && "constructor" in t && !(typeof T == "function" && T instanceof T && typeof L == "function" && L instanceof L) && (P = !1);
   }
-  return o.delete(e), o.delete(t), V;
+  return o.delete(e), o.delete(t), P;
 }
-var Hl = 1, Nt = "[object Arguments]", Bt = "[object Array]", Ee = "[object Object]", Gl = Object.prototype, Rt = Gl.hasOwnProperty;
+var Hl = 1, Nt = "[object Arguments]", Bt = "[object Array]", Ne = "[object Object]", Gl = Object.prototype, Rt = Gl.hasOwnProperty;
 function Kl(e, t, n, r, i, o) {
-  var l = xe(e), u = xe(t), a = l ? Bt : Z(e), s = u ? Bt : Z(t);
-  a = a == Nt ? Ee : a, s = s == Nt ? Ee : s;
-  var p = a == Ee, f = s == Ee, d = a == s;
-  if (d && Ge(e)) {
+  var l = Ve(e), u = Ve(t), a = l ? Bt : Z(e), s = u ? Bt : Z(t);
+  a = a == Nt ? Ne : a, s = s == Nt ? Ne : s;
+  var v = a == Ne, d = s == Ne, f = a == s;
+  if (f && Ge(e)) {
     if (!Ge(t))
       return !1;
-    l = !0, p = !1;
+    l = !0, v = !1;
   }
-  if (d && !p)
+  if (f && !v)
     return o || (o = new te()), l || tn(e) ? un(e, t, n, r, i, o) : Nl(e, t, a, n, r, i, o);
   if (!(n & Hl)) {
-    var v = p && Rt.call(e, "__wrapped__"), h = f && Rt.call(t, "__wrapped__");
-    if (v || h) {
-      var V = v ? e.value() : e, w = h ? t.value() : t;
-      return o || (o = new te()), i(V, w, n, r, o);
+    var p = v && Rt.call(e, "__wrapped__"), h = d && Rt.call(t, "__wrapped__");
+    if (p || h) {
+      var P = p ? e.value() : e, A = h ? t.value() : t;
+      return o || (o = new te()), i(P, A, n, r, o);
     }
   }
-  return d ? (o || (o = new te()), Fl(e, t, n, r, i, o)) : !1;
+  return f ? (o || (o = new te()), Fl(e, t, n, r, i, o)) : !1;
 }
 function cn(e, t, n, r, i) {
   return e === t ? !0 : e == null || t == null || !de(e) && !de(t) ? e !== e && t !== t : Kl(e, t, n, r, cn, i);
@@ -712,7 +712,7 @@ function zl(e, t, n) {
     }
   }
 }
-const Ne = (e, t) => {
+const Be = (e, t) => {
   let n = { key: "", name: "", children: e };
   return t.forEach((r) => {
     if (typeof r != "number") {
@@ -792,19 +792,19 @@ const Ne = (e, t) => {
       children: {}
     });
     const s = r.children[a];
-    t.children.forEach((p) => {
+    t.children.forEach((v) => {
       if (!s.children || !pt(s.children)) {
         console.assert(!1);
         return;
       }
-      s.children[p.key] = {
+      s.children[v.key] = {
         change: !1,
-        children: p.array ? [] : {}
+        children: v.array ? [] : {}
       }, We(
         e,
-        p,
+        v,
         u[a],
-        s.children[p.key],
+        s.children[v.key],
         i,
         a,
         !0
@@ -910,111 +910,111 @@ function _n() {
 const cs = /* @__PURE__ */ K({
   __name: "menu",
   setup(e) {
-    const { t } = ue(), n = ns(), r = os(), i = ls(), o = as(), l = R(0), u = R(0), a = R([]), s = k(() => [l.value, u.value]), p = (w) => {
-      const A = () => !(a.value.length <= 0 || !be(i.value, a.value)), b = () => {
-        if (!A())
+    const { t } = ue(), n = ns(), r = os(), i = ls(), o = as(), l = R(0), u = R(0), a = R([]), s = k(() => [l.value, u.value]), v = (A) => {
+      const C = () => !(a.value.length <= 0 || !be(i.value, a.value)), $ = () => {
+        if (!C())
           return;
-        const U = Ne(n.value, a.value);
-        if (U)
-          if (U.ui) {
-            const C = Pe(r.value, a.value.slice(0, -1));
-            if (!C)
+        const O = Be(n.value, a.value);
+        if (O)
+          if (O.ui) {
+            const T = Pe(r.value, a.value.slice(0, -1));
+            if (!T)
               return;
-            C[a.value.at(-1)] = N(U), o(a.value, C[a.value.at(-1)]);
-          } else if (U.array) {
-            const C = a.value.at(-1);
-            if (C === void 0) {
+            T[a.value.at(-1)] = N(O), o(a.value, T[a.value.at(-1)]);
+          } else if (O.array) {
+            const T = a.value.at(-1);
+            if (T === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
-            if (typeof C == "string") {
+            if (typeof T == "string") {
               const L = Pe(r.value, a.value.slice(0, -1));
               if (!L)
                 return;
-              L[a.value.at(-1)] = N(U), o(a.value, L[a.value.at(-1)]);
+              L[a.value.at(-1)] = N(O), o(a.value, L[a.value.at(-1)]);
             } else {
               const L = Pe(r.value, a.value);
               if (!L)
                 return;
-              U.children.forEach((W) => {
-                L[W.key] = N(U), o([...a.value, W.key], L[W.key]);
+              O.children.forEach((W) => {
+                L[W.key] = N(O), o([...a.value, W.key], L[W.key]);
               });
             }
           } else {
-            const C = Pe(r.value, a.value);
-            if (!C)
+            const T = Pe(r.value, a.value);
+            if (!T)
               return;
-            U.children.forEach((L) => {
-              C[L.key] = N(U), o([...a.value, L.key], C[L.key]);
+            O.children.forEach((L) => {
+              T[L.key] = N(O), o([...a.value, L.key], T[L.key]);
             });
           }
       };
-      A() && w.push({
+      C() && A.push({
         title: t("x-prop-tree.reset"),
-        func: b
+        func: $
       });
-    }, f = (w) => {
-      const A = () => {
-        const b = Ne(n.value, a.value), U = Pe(r.value, a.value);
-        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: b, object: U }));
+    }, d = (A) => {
+      const C = () => {
+        const $ = Be(n.value, a.value), O = Pe(r.value, a.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ prop: $, object: O }));
       };
-      w.push({
+      A.push({
         title: t("x-prop-tree.copy"),
-        func: A
+        func: C
       });
-    }, d = (w) => {
-      const A = () => {
-        const U = localStorage.getItem("propTreeCopy");
-        if (!U)
+    }, f = (A) => {
+      const C = () => {
+        const O = localStorage.getItem("propTreeCopy");
+        if (!O)
           return !1;
         try {
-          const { prop: C } = JSON.parse(U), L = Ne(n.value, a.value);
-          return Il(C, L);
-        } catch (C) {
-          console.error(C);
+          const { prop: T } = JSON.parse(O), L = Be(n.value, a.value);
+          return Il(T, L);
+        } catch (T) {
+          console.error(T);
         }
         return !1;
-      }, b = () => {
-        if (!A())
+      }, $ = () => {
+        if (!C())
           return;
-        const U = localStorage.getItem("propTreeCopy");
-        if (U)
+        const O = localStorage.getItem("propTreeCopy");
+        if (O)
           try {
-            const { object: C } = JSON.parse(U), L = Ne(n.value, a.value);
-            console.log(C, L);
-          } catch (C) {
-            console.error(C);
+            const { object: T } = JSON.parse(O), L = Be(n.value, a.value);
+            console.log(T, L);
+          } catch (T) {
+            console.error(T);
           }
       };
-      A() && w.push({
+      C() && A.push({
         title: t("x-prop-tree.paste"),
-        func: b
+        func: $
       });
-    }, v = k(() => {
-      const w = [];
-      return p(w), f(w), d(w), w;
-    }), h = (w) => {
-      l.value = w.x, u.value = w.y, a.value = w.keys;
-    }, { open: V } = ut("propTreeMenu", h);
-    return (w, A) => {
-      const b = x("v-list-item-title"), U = x("v-list-item"), C = x("v-list"), L = x("v-menu");
-      return S(), F(L, {
-        modelValue: E(V),
-        "onUpdate:modelValue": A[0] || (A[0] = (W) => Fe(V) ? V.value = W : null),
+    }, p = k(() => {
+      const A = [];
+      return v(A), d(A), f(A), A;
+    }), h = (A) => {
+      l.value = A.x, u.value = A.y, a.value = A.keys;
+    }, { open: P } = ut("propTreeMenu", h);
+    return (A, C) => {
+      const $ = M("v-list-item-title"), O = M("v-list-item"), T = M("v-list"), L = M("v-menu");
+      return w(), F(L, {
+        modelValue: E(P),
+        "onUpdate:modelValue": C[0] || (C[0] = (W) => Fe(P) ? P.value = W : null),
         "location-strategy": "connected",
         target: s.value,
         scrim: "transparent"
       }, {
         default: J(() => [
-          B(C, null, {
+          B(T, null, {
             default: J(() => [
-              (S(!0), H(He, null, Ht(v.value, (W, Ye) => (S(), F(U, {
+              (w(!0), H(He, null, Ht(p.value, (W, Ye) => (w(), F(O, {
                 key: Ye,
                 link: "",
                 onClick: W.func
               }, {
                 default: J(() => [
-                  B(b, null, {
+                  B($, null, {
                     default: J(() => [
                       at(ne(W.title), 1)
                     ]),
@@ -1033,7 +1033,7 @@ const cs = /* @__PURE__ */ K({
   }
 });
 var bn = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", $n = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", fs = "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", ye = "M19,13H5V11H19V13Z", ds = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
-const Be = /* @__PURE__ */ K({
+const Re = /* @__PURE__ */ K({
   __name: "title",
   props: {
     title: {},
@@ -1054,36 +1054,36 @@ const Be = /* @__PURE__ */ K({
     }, a = (s) => {
       i("menu", s.clientX, s.clientY);
     };
-    return (s, p) => {
-      const f = x("v-icon"), d = x("v-spacer"), v = ae("ripple");
-      return re((S(), H("div", {
+    return (s, v) => {
+      const d = M("v-icon"), f = M("v-spacer"), p = ae("ripple");
+      return re((w(), H("div", {
         class: "d-flex align-center cursor-pointer",
         style: le(l.value),
         onClick: u,
         onContextmenu: q(a, ["prevent"]),
-        onMouseover: p[2] || (p[2] = (h) => o.value = !0),
-        onMouseout: p[3] || (p[3] = (h) => o.value = !1)
+        onMouseover: v[2] || (v[2] = (h) => o.value = !0),
+        onMouseout: v[3] || (v[3] = (h) => o.value = !1)
       }, [
-        B(f, {
+        B(d, {
           class: "mr-1",
           icon: s.collapse ? E($n) : E(bn)
         }, null, 8, ["icon"]),
         z("span", null, ne(s.title), 1),
-        B(d),
-        s.hasCreate ? (S(), F(f, {
+        B(f),
+        s.hasCreate ? (w(), F(d, {
           key: 0,
           class: "mx-3",
           icon: E(ds),
-          onClick: p[0] || (p[0] = q((h) => i("create"), ["stop"]))
+          onClick: v[0] || (v[0] = q((h) => i("create"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0),
-        s.hasDelete ? (S(), F(f, {
+        s.hasDelete ? (w(), F(d, {
           key: 1,
           class: "mx-3",
           icon: E(ye),
-          onClick: p[1] || (p[1] = q((h) => i("delete", s.index), ["stop"]))
+          onClick: v[1] || (v[1] = q((h) => i("delete", s.index), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ], 36)), [
-        [v]
+        [p]
       ]);
     };
   }
@@ -1104,17 +1104,17 @@ const Be = /* @__PURE__ */ K({
       i("menu", a.clientX, a.clientY);
     };
     return (a, s) => {
-      const p = ae("ripple");
-      return re((S(), H("div", {
+      const v = ae("ripple");
+      return re((w(), H("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
         style: le(l.value),
         onContextmenu: q(u, ["prevent"]),
-        onMouseover: s[0] || (s[0] = (f) => o.value = !0),
-        onMouseout: s[1] || (s[1] = (f) => o.value = !1)
+        onMouseover: s[0] || (s[0] = (d) => o.value = !0),
+        onMouseout: s[1] || (s[1] = (d) => o.value = !1)
       }, [
         jn(a.$slots, "default")
       ], 36)), [
-        [p]
+        [v]
       ]);
     };
   }
@@ -1123,17 +1123,17 @@ function vs(e, t, n) {
   const { t: r } = ue();
   return { renderProp: (o, l, u) => {
     const a = o.at(-1);
-    let p = typeof a == "number" ? `[${a + 1}]` : r(l.name);
-    return be(e.value, o) && (p += " *"), _(
+    let v = typeof a == "number" ? `[${a + 1}]` : r(l.name);
+    return be(e.value, o) && (v += " *"), _(
       ps,
       {
         minHeight: t.value,
-        onMenu: (f, d) => {
-          _e.emit("propTreeMenu", { x: f, y: d, keys: o });
+        onMenu: (d, f) => {
+          _e.emit("propTreeMenu", { x: d, y: f, keys: o });
         }
       },
       () => [
-        _("span", { class: "ml-1", innerHTML: p }),
+        _("span", { class: "ml-1", innerHTML: v }),
         _("div", { style: { width: n.value } }, u)
       ]
     );
@@ -1178,8 +1178,8 @@ const gs = { class: "d-flex justify-space-between align-center" }, ys = /* @__PU
   setup(e, { emit: t }) {
     const n = oe(e, "modelValue"), r = t;
     return (i, o) => {
-      const l = x("v-text-field"), u = x("v-icon"), a = ae("ripple");
-      return S(), H("div", gs, [
+      const l = M("v-text-field"), u = M("v-icon"), a = ae("ripple");
+      return w(), H("div", gs, [
         re(B(l, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (s) => n.value = s),
@@ -1195,7 +1195,7 @@ const gs = { class: "d-flex justify-space-between align-center" }, ys = /* @__PU
             { stop: !0 }
           ]
         ]),
-        i.hasDelete ? (S(), F(u, {
+        i.hasDelete ? (w(), F(u, {
           key: 0,
           class: "mx-2",
           icon: E(ye),
@@ -1251,8 +1251,8 @@ const _s = { class: "d-flex justify-space-between align-center" }, bs = /* @__PU
   setup(e, { emit: t }) {
     const n = oe(e, "modelValue"), r = t;
     return (i, o) => {
-      const l = x("v-number-input"), u = x("v-icon"), a = ae("ripple");
-      return S(), H("div", _s, [
+      const l = M("v-number-input"), u = M("v-icon"), a = ae("ripple");
+      return w(), H("div", _s, [
         re(B(l, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (s) => n.value = s),
@@ -1273,7 +1273,7 @@ const _s = { class: "d-flex justify-space-between align-center" }, bs = /* @__PU
             { stop: !0 }
           ]
         ]),
-        i.hasDelete ? (S(), F(u, {
+        i.hasDelete ? (w(), F(u, {
           key: 0,
           class: "mx-2",
           icon: E(ye),
@@ -1328,8 +1328,8 @@ const Ts = { class: "d-flex justify-space-between align-center" }, Ss = /* @__PU
   setup(e, { emit: t }) {
     const n = oe(e, "modelValue"), r = t;
     return (i, o) => {
-      const l = x("v-switch"), u = x("v-icon");
-      return S(), H("div", Ts, [
+      const l = M("v-switch"), u = M("v-icon");
+      return w(), H("div", Ts, [
         B(l, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
@@ -1339,7 +1339,7 @@ const Ts = { class: "d-flex justify-space-between align-center" }, Ss = /* @__PU
           "hide-details": "",
           readonly: i.readonly
         }, null, 8, ["modelValue", "readonly"]),
-        i.hasDelete ? (S(), F(u, {
+        i.hasDelete ? (w(), F(u, {
           key: 0,
           class: "mx-2",
           icon: E(ye),
@@ -1392,16 +1392,16 @@ const As = { class: "d-flex justify-space-between align-center" }, Cs = /* @__PU
     const { t: n } = ue(), r = oe(e, "modelValue"), i = t, o = hn(), l = k(() => {
       var a;
       const u = [];
-      return (a = zt[o.value]) == null || a.items[e.items].forEach(({ title: s, value: p }) => {
-        u.push({ title: n(s), value: p });
+      return (a = zt[o.value]) == null || a.items[e.items].forEach(({ title: s, value: v }) => {
+        u.push({ title: n(s), value: v });
       }), u;
     });
     return (u, a) => {
-      const s = x("v-select"), p = x("v-icon"), f = ae("ripple");
-      return S(), H("div", As, [
+      const s = M("v-select"), v = M("v-icon"), d = ae("ripple");
+      return w(), H("div", As, [
         re(B(s, {
           modelValue: r.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (d) => r.value = d),
+          "onUpdate:modelValue": a[0] || (a[0] = (f) => r.value = f),
           density: "compact",
           items: l.value,
           "hide-details": "",
@@ -1409,17 +1409,17 @@ const As = { class: "d-flex justify-space-between align-center" }, Cs = /* @__PU
           readonly: u.readonly
         }, null, 8, ["modelValue", "items", "readonly"]), [
           [
-            f,
+            d,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        u.hasDelete ? (S(), F(p, {
+        u.hasDelete ? (w(), F(v, {
           key: 0,
           class: "mx-2",
           icon: E(ye),
-          onClick: a[1] || (a[1] = q((d) => i("delete"), ["stop"]))
+          onClick: a[1] || (a[1] = q((f) => i("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1471,22 +1471,22 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
       userSelect: "none"
     }));
     return (a, s) => {
-      const p = x("v-icon"), f = ae("ripple");
-      return re((S(), H("div", {
+      const v = M("v-icon"), d = ae("ripple");
+      return re((w(), H("div", {
         class: "d-flex align-center cursor-pointer",
         style: le(u.value),
-        onClick: s[0] || (s[0] = (d) => o("x-click", i.id)),
-        onMouseover: s[1] || (s[1] = (d) => l.value = !0),
-        onMouseout: s[2] || (s[2] = (d) => l.value = !1)
+        onClick: s[0] || (s[0] = (f) => o("x-click", i.id)),
+        onMouseover: s[1] || (s[1] = (f) => l.value = !0),
+        onMouseout: s[2] || (s[2] = (f) => l.value = !1)
       }, [
-        B(p, {
+        B(v, {
           icon: i.collapse ? E($n) : E(bn),
           size: "small"
         }, null, 8, ["icon"]),
         z("span", Os, ne(i.title), 1),
         z("span", xs, ne(i.count), 1)
       ], 36)), [
-        [f]
+        [d]
       ]);
     };
   }
@@ -1505,17 +1505,17 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
       userSelect: "none"
     }));
     return (a, s) => {
-      const p = ae("ripple");
-      return re((S(), H("div", {
+      const v = ae("ripple");
+      return re((w(), H("div", {
         class: "d-flex align-center cursor-pointer",
         style: le(u.value),
-        onClick: s[0] || (s[0] = (f) => o("x-click", i.id)),
-        onMouseover: s[1] || (s[1] = (f) => l.value = !0),
-        onMouseout: s[2] || (s[2] = (f) => l.value = !1)
+        onClick: s[0] || (s[0] = (d) => o("x-click", i.id)),
+        onMouseover: s[1] || (s[1] = (d) => l.value = !0),
+        onMouseout: s[2] || (s[2] = (d) => l.value = !1)
       }, [
         z("span", Ms, ne(i.title), 1)
       ], 36)), [
-        [p]
+        [v]
       ]);
     };
   }
@@ -1538,11 +1538,11 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
     }, l = (u) => {
       n.value = u, r.value = !1, _e.emit("refreshDepends");
     };
-    return (u, a) => E(i).length > 0 ? (S(), H("div", Ls, [
-      (S(!0), H(He, null, Ht(E(i), (s) => (S(), H(He, {
+    return (u, a) => E(i).length > 0 ? (w(), H("div", Ls, [
+      (w(!0), H(He, null, Ht(E(i), (s) => (w(), H(He, {
         key: s.id
       }, [
-        s.type === 0 ? (S(), F(Vs, {
+        s.type === 0 ? (w(), F(Vs, {
           key: 0,
           id: s.id,
           title: s.name,
@@ -1550,14 +1550,14 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
           count: s.count ?? 0,
           onXClick: o
         }, null, 8, ["id", "title", "collapse", "count"])) : I("", !0),
-        s.type === 1 && s.show ? (S(), F(Us, {
+        s.type === 1 && s.show ? (w(), F(Us, {
           key: 1,
           id: s.id,
           title: s.name,
           onXClick: l
         }, null, 8, ["id", "title"])) : I("", !0)
       ], 64))), 128))
-    ])) : (S(), H("div", Ds, ne(E(t)("x-prop-tree.noComp")), 1));
+    ])) : (w(), H("div", Ds, ne(E(t)("x-prop-tree.noComp")), 1));
   }
 }), Es = { class: "text-subtitle-1 ml-3" }, Ns = /* @__PURE__ */ K({
   __name: "index",
@@ -1568,46 +1568,46 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
   emits: ["update:modelValue"],
   setup(e) {
     const { t } = ue(), n = Kn(), { sysBarAvail: r } = kn(), { backgroundColor1: i } = we(), o = oe(e, "modelValue"), l = _n(), u = k(() => {
-      let d = "100%";
-      return n.mdAndUp.value && (d = "400px"), {
+      let f = "100%";
+      return n.mdAndUp.value && (f = "400px"), {
         background: i.value,
-        width: d,
+        width: f,
         height: "100%"
       };
     }), a = k(() => {
-      let d = 48;
-      return r.value && (d += 24), {
+      let f = 48;
+      return r.value && (f += 24), {
         position: "relative",
-        height: `calc(100% - ${d}px)`
+        height: `calc(100% - ${f}px)`
       };
     }), s = k(() => ({
       height: "60px"
-    })), p = k(() => {
+    })), v = k(() => {
       if (!o.value)
         return t("x-runtime-lib.notSet");
-      const d = fn(l, o.value);
-      return d ? d.name : t("x-runtime-lib.compNotAvail");
-    }), { open: f } = ut(`propTreeCompSelectDlg${Gt()}`);
+      const f = fn(l, o.value);
+      return f ? f.name : t("x-runtime-lib.compNotAvail");
+    }), { open: d } = ut(`propTreeCompSelectDlg${Gt()}`);
     return Kt(() => {
-      f.value = !1;
-    }), (d, v) => {
-      const h = x("v-btn"), V = x("v-sheet"), w = x("v-icon"), A = x("v-dialog");
-      return S(), F(A, {
-        modelValue: E(f),
-        "onUpdate:modelValue": v[5] || (v[5] = (b) => Fe(f) ? f.value = b : null),
+      d.value = !1;
+    }), (f, p) => {
+      const h = M("v-btn"), P = M("v-sheet"), A = M("v-icon"), C = M("v-dialog");
+      return w(), F(C, {
+        modelValue: E(d),
+        "onUpdate:modelValue": p[5] || (p[5] = ($) => Fe(d) ? d.value = $ : null),
         transition: "scroll-x-reverse-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
-        onKeydown: v[6] || (v[6] = En(q((b) => f.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: p[6] || (p[6] = En(q(($) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: J(({ props: b }) => [
-          B(h, qt(b, {
+        activator: J(({ props: $ }) => [
+          B(h, qt($, {
             density: "comfortable",
             block: ""
           }), {
             default: J(() => [
-              at(ne(p.value), 1)
+              at(ne(v.value), 1)
             ]),
             _: 2
           }, 1040)
@@ -1615,27 +1615,27 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
         default: J(() => [
           z("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
-            onClick: v[3] || (v[3] = q((b) => f.value = !1, ["self"])),
-            onContextmenu: v[4] || (v[4] = q((b) => f.value = !1, ["self", "prevent"]))
+            onClick: p[3] || (p[3] = q(($) => d.value = !1, ["self"])),
+            onContextmenu: p[4] || (p[4] = q(($) => d.value = !1, ["self", "prevent"]))
           }, [
             z("div", {
               class: "elevation-2",
               style: le(u.value)
             }, [
-              E(r) ? (S(), F(V, {
+              E(r) ? (w(), F(P, {
                 key: 0,
                 color: "transparent",
                 height: 24
               })) : I("", !0),
-              B(V, {
+              B(P, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
                 default: J(() => [
-                  B(w, {
+                  B(A, {
                     icon: E(fs),
-                    onClick: v[0] || (v[0] = (b) => f.value = !1)
+                    onClick: p[0] || (p[0] = ($) => d.value = !1)
                   }, null, 8, ["icon"]),
                   z("span", Es, ne(E(t)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
@@ -1647,9 +1647,9 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
               }, [
                 B(js, {
                   modelValue: o.value,
-                  "onUpdate:modelValue": v[1] || (v[1] = (b) => o.value = b),
-                  open: E(f),
-                  "onUpdate:open": v[2] || (v[2] = (b) => Fe(f) ? f.value = b : null)
+                  "onUpdate:modelValue": p[1] || (p[1] = ($) => o.value = $),
+                  open: E(d),
+                  "onUpdate:open": p[2] || (p[2] = ($) => Fe(d) ? d.value = $ : null)
                 }, null, 8, ["modelValue", "open"]),
                 z("div", {
                   style: le(s.value)
@@ -1706,8 +1706,8 @@ const Rs = { class: "d-flex justify-space-between align-center" }, ks = /* @__PU
     return Kt(() => {
       u.value = !1;
     }), (a, s) => {
-      const p = x("v-btn"), f = x("v-icon"), d = x("v-color-picker"), v = x("v-menu");
-      return S(), F(v, {
+      const v = M("v-btn"), d = M("v-icon"), f = M("v-color-picker"), p = M("v-menu");
+      return w(), F(p, {
         modelValue: E(u),
         "onUpdate:modelValue": s[2] || (s[2] = (h) => Fe(u) ? u.value = h : null),
         "close-on-content-click": !1,
@@ -1719,7 +1719,7 @@ const Rs = { class: "d-flex justify-space-between align-center" }, ks = /* @__PU
               class: "flex-grow-1",
               style: le(o.value)
             }, [
-              B(p, qt(h, {
+              B(v, qt(h, {
                 density: "comfortable",
                 color: r.value,
                 block: "",
@@ -1731,16 +1731,16 @@ const Rs = { class: "d-flex justify-space-between align-center" }, ks = /* @__PU
                 _: 2
               }, 1040, ["color", "disabled"])
             ], 4),
-            a.hasDelete ? (S(), F(f, {
+            a.hasDelete ? (w(), F(d, {
               key: 0,
               class: "mx-2",
               icon: E(ye),
-              onClick: s[0] || (s[0] = q((V) => i("delete"), ["stop"]))
+              onClick: s[0] || (s[0] = q((P) => i("delete"), ["stop"]))
             }, null, 8, ["icon"])) : I("", !0)
           ])
         ]),
         default: J(() => [
-          B(d, {
+          B(f, {
             modelValue: r.value,
             "onUpdate:modelValue": s[1] || (s[1] = (h) => r.value = h),
             mode: "hexa",
@@ -1793,36 +1793,45 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const { t: n } = ue(), r = oe(e, "modelValue"), i = t, o = hn(), l = k(() => {
-      var d;
-      return (d = zt[o.value]) == null ? void 0 : d.types[e.types];
+      var f;
+      return (f = zt[o.value]) == null ? void 0 : f.types[e.types];
     }), u = R(0), a = k(() => {
-      const d = [];
-      return l.value.forEach(({ title: v }, h) => {
-        d.push({
-          title: n(v),
-          value: h
+      var p;
+      const f = [];
+      return (p = l.value) == null || p.forEach(({ title: h }, P) => {
+        f.push({
+          title: n(h),
+          value: P
         });
-      }), d;
+      }), f;
     });
     mt(() => {
-      l.value.some((d, v) => d.validator(r.value) ? (u.value = v, !0) : !1);
+      var f;
+      (f = l.value) == null || f.some((p, h) => p.validator(r.value) ? (u.value = h, !0) : !1);
     });
-    const s = k(() => l.value[u.value]), p = () => {
-      r.value = s.value.default;
-    }, f = R(0);
+    const s = k(() => {
+      var f;
+      return (f = l.value) == null ? void 0 : f[u.value];
+    }), v = () => {
+      var f;
+      r.value = (f = s.value) == null ? void 0 : f.default;
+    }, d = R(0);
     return mt(() => {
-      s.value.ui === "pixelInput" ? f.value = Fn(r.value) : s.value.ui === "percentInput" && (f.value = Hn(r.value));
-    }), Re(f, (d) => {
-      s.value.ui === "pixelInput" ? r.value = d + "px" : s.value.ui === "percentInput" && (r.value = d + "%");
-    }), (d, v) => {
-      const h = x("v-select"), V = x("v-number-input"), w = x("v-icon"), A = ae("ripple");
-      return S(), H("div", Hs, [
+      var f, p;
+      ((f = s.value) == null ? void 0 : f.ui) === "pixelInput" ? d.value = Fn(r.value) : ((p = s.value) == null ? void 0 : p.ui) === "percentInput" && (d.value = Hn(r.value));
+    }), Oe(d, (f) => {
+      var p, h;
+      ((p = s.value) == null ? void 0 : p.ui) === "pixelInput" ? r.value = f + "px" : ((h = s.value) == null ? void 0 : h.ui) === "percentInput" && (r.value = f + "%");
+    }), (f, p) => {
+      var $, O;
+      const h = M("v-select"), P = M("v-number-input"), A = M("v-icon"), C = ae("ripple");
+      return w(), H("div", Hs, [
         z("div", Gs, [
           re(B(h, {
             modelValue: u.value,
             "onUpdate:modelValue": [
-              v[0] || (v[0] = (b) => u.value = b),
-              p
+              p[0] || (p[0] = (T) => u.value = T),
+              v
             ],
             density: "compact",
             items: a.value,
@@ -1830,16 +1839,16 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              A,
+              C,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]),
-          s.value.ui === "pixelInput" || s.value.ui === "percentInput" ? re((S(), F(V, {
+          (($ = s.value) == null ? void 0 : $.ui) === "pixelInput" || ((O = s.value) == null ? void 0 : O.ui) === "percentInput" ? re((w(), F(P, {
             key: 0,
-            modelValue: f.value,
-            "onUpdate:modelValue": v[1] || (v[1] = (b) => f.value = b),
+            modelValue: d.value,
+            "onUpdate:modelValue": p[1] || (p[1] = (T) => d.value = T),
             density: "compact",
             "control-variant": "stacked",
             precision: s.value.precision,
@@ -1850,18 +1859,18 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
             "single-line": ""
           }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
             [
-              A,
+              C,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]) : I("", !0)
         ]),
-        d.hasDelete ? (S(), F(w, {
+        f.hasDelete ? (w(), F(A, {
           key: 0,
           class: "mx-2",
           icon: E(ye),
-          onClick: v[2] || (v[2] = q((b) => i("delete"), ["stop"]))
+          onClick: p[2] || (p[2] = q((T) => i("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1905,72 +1914,77 @@ const zs = /* @__PURE__ */ K({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = ue(), { backgroundColor1: r } = we(), i = e, o = t, l = R("20px"), u = R("56px"), a = R("200px"), s = Nn({}), p = R({}), f = (g, c) => {
-      Ft(p, i.config, i.object), o("change", g, c);
+    const { t: n } = ue(), { backgroundColor1: r } = we(), i = e, o = t, l = R("20px"), u = R("56px"), a = R("200px"), s = Nn({}), v = R({}), d = (g, c) => {
+      Ft(v, i.config, i.object), o("change", g, c);
     };
-    Re(
+    Oe(
       [() => i.config, () => i.object],
       () => {
-        Ft(p, i.config, i.object, (g, c) => {
+        Ft(v, i.config, i.object, (g, c) => {
           o("change", g, c);
         });
       },
       { immediate: !0 }
     );
-    const d = R(i.version);
-    es(d);
-    const v = R(i.config);
-    ts(v), Re(
+    const f = R(i.version);
+    es(f), Oe(
+      () => i.version,
+      () => {
+        f.value = i.version;
+      }
+    );
+    const p = R(i.config);
+    ts(p), Oe(
       () => i.config,
       () => {
-        v.value = i.config;
+        p.value = i.config;
       }
     );
     const h = R(i.object);
-    rs(h), Re(
+    rs(h), Oe(
       () => i.object,
       () => {
         h.value = i.object;
       }
-    ), is(p), ss(f);
-    const V = R([]);
-    us(V);
-    const w = () => {
+    ), is(v), ss(d);
+    const P = R([]);
+    us(P);
+    const A = () => {
       const { compGroups: g, comps: c } = Gn.app.activeApp, y = [];
-      g.forEach(({ id: m, name: $, position: P }) => {
-        const D = V.value.find((Q) => Q.id === m);
+      g.forEach(({ id: m, name: b, position: x }) => {
+        const D = P.value.find((Q) => Q.id === m);
         y.push({
           id: m,
           type: 0,
-          name: $,
-          position: P,
+          name: b,
+          position: x,
           collapse: (D == null ? void 0 : D.collapse) ?? !0
         });
-      }), c.forEach(({ id: m, groupid: $, name: P, position: D }) => {
-        y.push({ id: m, type: 1, name: P, position: D, group: $ });
-      }), ql(y, !0), V.value = y;
+      }), c.forEach(({ id: m, groupid: b, name: x, position: D }) => {
+        y.push({ id: m, type: 1, name: x, position: D, group: b });
+      }), ql(y, !0), P.value = y;
     };
-    let A;
-    const b = () => {
-      clearTimeout(A), A = window.setTimeout(() => {
-        w(), A && b();
+    let C;
+    const $ = () => {
+      clearTimeout(C), C = window.setTimeout(() => {
+        A(), C && $();
       }, 1e3);
-    }, U = () => {
-      clearTimeout(A), A = void 0;
+    }, O = () => {
+      clearTimeout(C), C = void 0;
     };
     Bn(() => {
-      b();
+      $();
     }), Rn(() => {
-      U();
+      O();
     });
-    const { renderProp: C } = vs(p, u, a), { renderUiDummy: L } = ms(f), { renderUiStrInput: W } = hs(f), { renderUiNumInput: Ye } = $s(f), { renderUiSwitch: Tn } = ws(f), { renderUiSelect: Sn } = Ps(f), { renderUiColorPicker: wn } = Fs(f), { renderUiMultiTypes: An } = qs(f), { renderUiCompSelect: Cn } = Bs(f), Le = (g, c, y, m, $, P) => (g = an(g), $ !== void 0 ? (g.push($), P && g.push(c.key)) : g.push(c.key), c.ui ? c.array && m ? xn(g, c, y, m, $, P) : Vn(g, c, y, $, P) : c.array ? Pn(g, c, y, m, $, P) : On(
+    const { renderProp: T } = vs(v, u, a), { renderUiDummy: L } = ms(d), { renderUiStrInput: W } = hs(d), { renderUiNumInput: Ye } = $s(d), { renderUiSwitch: Tn } = ws(d), { renderUiSelect: Sn } = Ps(d), { renderUiColorPicker: wn } = Fs(d), { renderUiMultiTypes: An } = qs(d), { renderUiCompSelect: Cn } = Bs(d), De = (g, c, y, m, b, x) => (g = an(g), b !== void 0 ? (g.push(b), x && g.push(c.key)) : g.push(c.key), c.ui ? c.array && m ? xn(g, c, y, m, b, x) : Vn(g, c, y, b, x) : c.array ? Pn(g, c, y, m, b, x) : On(
       g,
       c,
       y,
       m,
-      $,
-      P
-    )), Pn = (g, c, y, m, $, P) => {
+      b,
+      x
+    )), Pn = (g, c, y, m, b, x) => {
       if (c.ui)
         return console.assert(!1), _("div", "renderBranchArray prop ui must be invalid");
       if (!c.array)
@@ -1978,21 +1992,21 @@ const zs = /* @__PURE__ */ K({
       if (!m)
         return console.assert(!1), _("div", "renderBranchArray branch must be valid");
       let D;
-      $ !== void 0 && !P ? (y[$] instanceof Array || (y[$] = N(c), f(g, y[c.key])), D = y[$]) : (y[c.key] instanceof Array || (y[c.key] = N(c), f(g, y[c.key])), D = y[c.key]);
+      b !== void 0 && !x ? (y[b] instanceof Array || (y[b] = N(c), d(g, y[c.key])), D = y[b]) : (y[c.key] instanceof Array || (y[c.key] = N(c), d(g, y[c.key])), D = y[c.key]);
       let Q = n(c.name);
-      m.collapse && be(p.value, g) && (Q += " *");
-      const Ae = _(Be, {
+      m.collapse && be(v.value, g) && (Q += " *");
+      const Ae = _(Re, {
         title: Q,
         collapse: m.collapse,
         hasCreate: !0,
-        onCollapse: (T) => {
-          m.collapse = T;
+        onCollapse: (S) => {
+          m.collapse = S;
         },
-        onMenu: (T, j) => {
-          _e.emit("propTreeMenu", { x: T, y: j, keys: g });
+        onMenu: (S, j) => {
+          _e.emit("propTreeMenu", { x: S, y: j, keys: g });
         },
         onCreate: () => {
-          D.push({}), f(g, D);
+          D.push({}), d(g, D);
         }
       }), G = _(
         "div",
@@ -2002,7 +2016,7 @@ const zs = /* @__PURE__ */ K({
           }
         },
         (() => {
-          const T = [];
+          const S = [];
           for (let j = 0; j < D.length; j++) {
             if (!nt(m.children)) {
               console.assert(!1);
@@ -2012,10 +2026,10 @@ const zs = /* @__PURE__ */ K({
               collapse: !0,
               children: {}
             });
-            const De = [...g, j], je = m.children[j];
+            const je = [...g, j], Ee = m.children[j];
             let vt = `[${j + 1}]`;
-            m.children[j].collapse && be(p.value, De) && (vt += " *");
-            const Un = _(Be, {
+            m.children[j].collapse && be(v.value, je) && (vt += " *");
+            const Un = _(Re, {
               title: vt,
               collapse: m.children[j].collapse,
               hasDelete: !0,
@@ -2028,17 +2042,17 @@ const zs = /* @__PURE__ */ K({
                 m.children[j].collapse = ee;
               },
               onMenu: (ee, fe) => {
-                _e.emit("propTreeMenu", { x: ee, y: fe, keys: De });
+                _e.emit("propTreeMenu", { x: ee, y: fe, keys: je });
               },
               onDelete: (ee) => {
                 if (!nt(m.children)) {
                   console.assert(!1);
                   return;
                 }
-                m.children.splice(ee, 1), D.splice(ee, 1), f(g, D);
+                m.children.splice(ee, 1), D.splice(ee, 1), d(g, D);
               }
             });
-            T.push(Un);
+            S.push(Un);
             const Ln = _(
               "div",
               {
@@ -2049,19 +2063,19 @@ const zs = /* @__PURE__ */ K({
               (() => {
                 const ee = [];
                 return c.children.forEach((fe) => {
-                  if (!kt(je.children)) {
+                  if (!kt(Ee.children)) {
                     console.assert(!1);
                     return;
                   }
-                  je.children[fe.key] || (je.children[fe.key] = {
+                  Ee.children[fe.key] || (Ee.children[fe.key] = {
                     collapse: !0,
                     children: fe.array ? [] : {}
                   });
-                  const Dn = Le(
+                  const Dn = De(
                     g,
                     fe,
                     D[j],
-                    je.children[fe.key],
+                    Ee.children[fe.key],
                     j,
                     !0
                   );
@@ -2069,9 +2083,9 @@ const zs = /* @__PURE__ */ K({
                 }), ee;
               })()
             );
-            m.children[j].collapse || T.push(Ln);
+            m.children[j].collapse || S.push(Ln);
           }
-          return T;
+          return S;
         })()
       );
       return _(
@@ -2082,11 +2096,11 @@ const zs = /* @__PURE__ */ K({
           }
         },
         (() => {
-          const T = [];
-          return T.push(Ae), m.collapse || T.push(G), T;
+          const S = [];
+          return S.push(Ae), m.collapse || S.push(G), S;
         })()
       );
-    }, On = (g, c, y, m, $, P) => {
+    }, On = (g, c, y, m, b, x) => {
       if (c.ui)
         return console.assert(!1), _("div", "renderBranchScalar prop ui must be invalid");
       if (c.array)
@@ -2094,19 +2108,19 @@ const zs = /* @__PURE__ */ K({
       if (!m)
         return console.assert(!1), _("div", "renderBranchScalar branch must be valid");
       let D = n(c.name);
-      m.collapse && be(p.value, g) && (D += " *");
-      const Q = _(Be, {
+      m.collapse && be(v.value, g) && (D += " *");
+      const Q = _(Re, {
         title: D,
         collapse: m.collapse,
-        hasDelete: $ !== void 0 && !P,
+        hasDelete: b !== void 0 && !x,
         onCollapse: (G) => {
           m.collapse = G;
         },
-        onMenu: (G, T) => {
-          _e.emit("propTreeMenu", { x: G, y: T, keys: g });
+        onMenu: (G, S) => {
+          _e.emit("propTreeMenu", { x: G, y: S, keys: g });
         },
         onDelete: () => {
-          $ === void 0 || P || (y.splice($, 1), f(g.slice(0, -1), y));
+          b === void 0 || x || (y.splice(b, 1), d(g.slice(0, -1), y));
         }
       }), Ae = _(
         "div",
@@ -2117,20 +2131,20 @@ const zs = /* @__PURE__ */ K({
         },
         (() => {
           const G = [];
-          return c.children.forEach((T) => {
+          return c.children.forEach((S) => {
             if (!kt(m.children)) {
               console.assert(!1);
               return;
             }
-            m.children[T.key] || (m.children[T.key] = {
+            m.children[S.key] || (m.children[S.key] = {
               collapse: !0,
-              children: !T.ui && T.array ? [] : {}
+              children: !S.ui && S.array ? [] : {}
             });
-            const j = Le(
+            const j = De(
               g,
-              T,
-              (typeof y[c.key] != "object" && (y[c.key] = {}, f(g, y[c.key])), y[c.key]),
-              m.children[T.key]
+              S,
+              (typeof y[c.key] != "object" && (y[c.key] = {}, d(g, y[c.key])), y[c.key]),
+              m.children[S.key]
             );
             G.push(j);
           }), G;
@@ -2148,7 +2162,7 @@ const zs = /* @__PURE__ */ K({
           return G.push(Q), m.collapse || G.push(Ae), G;
         })()
       );
-    }, xn = (g, c, y, m, $, P) => {
+    }, xn = (g, c, y, m, b, x) => {
       if (!c.ui)
         return console.assert(!1), _("div", "renderLeafArray prop ui must be valid");
       if (!c.array)
@@ -2156,21 +2170,21 @@ const zs = /* @__PURE__ */ K({
       if (!m)
         return console.assert(!1), _("div", "renderLeafArray branch must be valid");
       let D;
-      $ !== void 0 && !P ? (y[$] instanceof Array || (y[$] = N(c), f(g, y[$])), D = y[$]) : (y[c.key] instanceof Array || (y[c.key] = N(c), f(g, y[c.key])), D = y[c.key]);
+      b !== void 0 && !x ? (y[b] instanceof Array || (y[b] = N(c), d(g, y[b])), D = y[b]) : (y[c.key] instanceof Array || (y[c.key] = N(c), d(g, y[c.key])), D = y[c.key]);
       let Q = n(c.name);
-      m.collapse && be(p.value, g) && (Q += " *");
-      const Ae = _(Be, {
+      m.collapse && be(v.value, g) && (Q += " *");
+      const Ae = _(Re, {
         title: Q,
         collapse: m.collapse,
         hasCreate: !0,
-        onCollapse: (T) => {
-          m.collapse = T;
+        onCollapse: (S) => {
+          m.collapse = S;
         },
-        onMenu: (T, j) => {
-          _e.emit("propTreeMenu", { x: T, y: j, keys: g });
+        onMenu: (S, j) => {
+          _e.emit("propTreeMenu", { x: S, y: j, keys: g });
         },
         onCreate: () => {
-          D.push(N(c, !0)), f(g, D);
+          D.push(N(c, !0)), d(g, D);
         }
       }), G = _(
         "div",
@@ -2180,12 +2194,12 @@ const zs = /* @__PURE__ */ K({
           }
         },
         (() => {
-          const T = [];
+          const S = [];
           for (let j = 0; j < D.length; j++) {
-            const De = Le(g, c, D, void 0, j, !1);
-            T.push(De);
+            const je = De(g, c, D, void 0, j, !1);
+            S.push(je);
           }
-          return T;
+          return S;
         })()
       );
       return _(
@@ -2196,15 +2210,15 @@ const zs = /* @__PURE__ */ K({
           }
         },
         (() => {
-          const T = [];
-          return T.push(Ae), m.collapse || T.push(G), T;
+          const S = [];
+          return S.push(Ae), m.collapse || S.push(G), S;
         })()
       );
-    }, Vn = (g, c, y, m, $) => {
+    }, Vn = (g, c, y, m, b) => {
       if (!c.ui)
         return console.assert(!1), _("div", "renderLeafScalar prop ui must be valid");
-      let P;
-      return c.ui === "dummy" ? P = L(g, c, y, m, $) : c.ui === "strInput" ? P = W(g, c, y, m, $) : c.ui === "numInput" ? P = Ye(g, c, y, m, $) : c.ui === "switch" ? P = Tn(g, c, y, m, $) : c.ui === "select" ? P = Sn(g, c, y, m, $) : c.ui === "colorPicker" ? P = wn(g, c, y, m, $) : c.ui === "multiTypes" ? P = An(g, c, y, m, $) : c.ui === "compSelect" ? P = Cn(g, c, y, m, $) : console.assert(!1, "renderLeafScalar not implemented"), P ? C(g, c, P) : _("div");
+      let x;
+      return c.ui === "dummy" ? x = L(g, c, y, m, b) : c.ui === "strInput" ? x = W(g, c, y, m, b) : c.ui === "numInput" ? x = Ye(g, c, y, m, b) : c.ui === "switch" ? x = Tn(g, c, y, m, b) : c.ui === "select" ? x = Sn(g, c, y, m, b) : c.ui === "colorPicker" ? x = wn(g, c, y, m, b) : c.ui === "multiTypes" ? x = An(g, c, y, m, b) : c.ui === "compSelect" ? x = Cn(g, c, y, m, b) : console.assert(!1, "renderLeafScalar not implemented"), x ? T(g, c, x) : _("div");
     }, Mn = () => _(
       "div",
       {
@@ -2223,19 +2237,19 @@ const zs = /* @__PURE__ */ K({
               collapse: !0,
               children: !y.ui && y.array ? [] : {}
             });
-            const m = Le([], y, i.object, c[y.key]);
+            const m = De([], y, i.object, c[y.key]);
             g.push(m);
           });
         }
         return g;
       })()
     );
-    return (g, c) => (S(), H(He, null, [
+    return (g, c) => (w(), H(He, null, [
       B(Mn),
       B(cs, {
         config: i.config,
         object: i.object,
-        "prop-states": p.value
+        "prop-states": v.value
       }, null, 8, ["config", "object", "prop-states"])
     ], 64));
   }