x-prop-tree 0.6.6 → 0.6.8

package/dist/index.js

@@ -1,11 +1,11 @@
-import { provide as Me, inject as Ue, defineComponent as z, ref as B, computed as F, resolveComponent as O, createBlock as R, openBlock as S, unref as E, isRef as Fe, withCtx as J, createVNode as k, createElementBlock as H, Fragment as He, renderList as Ht, createTextVNode as st, toDisplayString as re, resolveDirective as le, withDirectives as Y, withModifiers as K, normalizeStyle as ae, createElementVNode as q, createCommentVNode as I, renderSlot as Un, h as _, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as zt, withKeys as Vn, mergeProps as Kt, watchEffect as mt, watch as Be, reactive as Ln, onMounted as Dn, onBeforeUnmount as jn } from "vue";
-import { useI18n as ie } from "vue-i18n";
+import { provide as Me, inject as Ue, defineComponent as q, ref as k, computed as G, resolveComponent as O, createBlock as R, openBlock as S, unref as E, isRef as Fe, withCtx as J, createVNode as B, createElementBlock as F, Fragment as He, renderList as Ht, createTextVNode as st, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as z, normalizeStyle as ie, createElementVNode as K, createCommentVNode as I, renderSlot as Un, h as _, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as qt, withKeys as Vn, mergeProps as zt, watchEffect as mt, watch as ke, reactive as Ln, onMounted as Dn, onBeforeUnmount as jn } from "vue";
+import { useI18n as ue } 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";
-import { useDisplay as Bn } from "vuetify";
+import { getPropDefault as N, parsePixelStr as Nn, parsePercentStr as Bn } from "x-runtime-lib";
+import { useDisplay as kn } from "vuetify";
 import { globalState as Rn } from "x-state-lib";
-var qt = typeof global == "object" && global && global.Object === Object && global, Fn = typeof self == "object" && self && self.Object === Object && self, Q = qt || Fn || Function("return this")(), ue = Q.Symbol, It = Object.prototype, Hn = It.hasOwnProperty, Gn = It.toString, we = ue ? ue.toStringTag : void 0;
-function zn(e) {
+var Kt = typeof global == "object" && global && global.Object === Object && global, Fn = typeof self == "object" && self && self.Object === Object && self, Y = Kt || Fn || Function("return this")(), se = Y.Symbol, It = Object.prototype, Hn = It.hasOwnProperty, Gn = It.toString, we = se ? se.toStringTag : void 0;
+function qn(e) {
   var t = Hn.call(e, we), n = e[we];
   try {
     e[we] = void 0;
@@ -15,30 +15,30 @@ function zn(e) {
   var l = Gn.call(e);
   return r && (t ? e[we] = n : delete e[we]), l;
 }
-var Kn = Object.prototype, qn = Kn.toString;
+var zn = Object.prototype, Kn = zn.toString;
 function In(e) {
-  return qn.call(e);
+  return Kn.call(e);
 }
-var Xn = "[object Null]", Zn = "[object Undefined]", gt = ue ? ue.toStringTag : void 0;
+var Xn = "[object Null]", Zn = "[object Undefined]", gt = se ? se.toStringTag : void 0;
 function Ve(e) {
-  return e == null ? e === void 0 ? Zn : Xn : gt && gt in Object(e) ? zn(e) : In(e);
+  return e == null ? e === void 0 ? Zn : Xn : gt && gt in Object(e) ? qn(e) : In(e);
 }
-function fe(e) {
+function de(e) {
   return e != null && typeof e == "object";
 }
 var Pe = Array.isArray;
-function qe(e) {
+function Ke(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
 }
 var Jn = "[object AsyncFunction]", Wn = "[object Function]", Yn = "[object GeneratorFunction]", Qn = "[object Proxy]";
 function Xt(e) {
-  if (!qe(e))
+  if (!Ke(e))
     return !1;
   var t = Ve(e);
   return t == Wn || t == Yn || t == Jn || t == Qn;
 }
-var Ye = Q["__core-js_shared__"], yt = function() {
+var Ye = Y["__core-js_shared__"], yt = function() {
   var e = /[^.]+$/.exec(Ye && Ye.keys && Ye.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
@@ -46,7 +46,7 @@ function er(e) {
   return !!yt && yt in e;
 }
 var tr = Function.prototype, nr = tr.toString;
-function pe(e) {
+function ve(e) {
   if (e != null) {
     try {
       return nr.call(e);
@@ -63,23 +63,23 @@ var rr = /[\\^$.*+?()[\]{}|]/g, or = /^\[object .+?Constructor\]$/, lr = Functio
   "^" + sr.call(ar).replace(rr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
 function cr(e) {
-  if (!qe(e) || er(e))
+  if (!Ke(e) || er(e))
     return !1;
   var t = Xt(e) ? ur : or;
-  return t.test(pe(e));
+  return t.test(ve(e));
 }
 function fr(e, t) {
   return e == null ? void 0 : e[t];
 }
-function ve(e, t) {
+function me(e, t) {
   var n = fr(e, t);
   return cr(n) ? n : void 0;
 }
-var nt = ve(Q, "WeakMap"), ht = Object.create, dr = /* @__PURE__ */ function() {
+var nt = me(Y, "WeakMap"), ht = Object.create, dr = /* @__PURE__ */ function() {
   function e() {
   }
   return function(t) {
-    if (!qe(t))
+    if (!Ke(t))
       return {};
     if (ht)
       return ht(t);
@@ -89,7 +89,7 @@ var nt = ve(Q, "WeakMap"), ht = Object.create, dr = /* @__PURE__ */ function() {
   };
 }(), _t = function() {
   try {
-    var e = ve(Object, "defineProperty");
+    var e = me(Object, "defineProperty");
     return e({}, "", {}), e;
   } catch {
   }
@@ -139,28 +139,28 @@ function wr(e, t) {
 }
 var Ar = "[object Arguments]";
 function bt(e) {
-  return fe(e) && Ve(e) == Ar;
+  return de(e) && Ve(e) == Ar;
 }
 var Wt = Object.prototype, Cr = Wt.hasOwnProperty, Pr = Wt.propertyIsEnumerable, Or = bt(/* @__PURE__ */ function() {
   return arguments;
 }()) ? bt : function(e) {
-  return fe(e) && Cr.call(e, "callee") && !Pr.call(e, "callee");
+  return de(e) && Cr.call(e, "callee") && !Pr.call(e, "callee");
 };
 function xr() {
   return !1;
 }
-var Yt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Yt && typeof module == "object" && module && !module.nodeType && module, Mr = $t && $t.exports === Yt, Tt = Mr ? Q.Buffer : void 0, Ur = Tt ? Tt.isBuffer : void 0, Ge = Ur || xr, Vr = "[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]", Ir = "[object Float32Array]", Xr = "[object Float64Array]", Zr = "[object Int8Array]", Jr = "[object Int16Array]", Wr = "[object Int32Array]", Yr = "[object Uint8Array]", Qr = "[object Uint8ClampedArray]", eo = "[object Uint16Array]", to = "[object Uint32Array]", x = {};
+var Yt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Yt && typeof module == "object" && module && !module.nodeType && module, Mr = $t && $t.exports === Yt, Tt = Mr ? Y.Buffer : void 0, Ur = Tt ? Tt.isBuffer : void 0, Ge = Ur || xr, Vr = "[object Arguments]", Lr = "[object Array]", Dr = "[object Boolean]", jr = "[object Date]", Er = "[object Error]", Nr = "[object Function]", Br = "[object Map]", kr = "[object Number]", Rr = "[object Object]", Fr = "[object RegExp]", Hr = "[object Set]", Gr = "[object String]", qr = "[object WeakMap]", zr = "[object ArrayBuffer]", Kr = "[object DataView]", Ir = "[object Float32Array]", Xr = "[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[Ir] = x[Xr] = x[Zr] = x[Jr] = x[Wr] = x[Yr] = x[Qr] = x[eo] = x[to] = !0;
-x[Vr] = 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;
+x[Vr] = x[Lr] = x[zr] = x[Dr] = x[Kr] = x[jr] = x[Er] = x[Nr] = x[Br] = x[kr] = x[Rr] = x[Fr] = x[Hr] = x[Gr] = x[qr] = !1;
 function no(e) {
-  return fe(e) && Zt(e.length) && !!x[Ve(e)];
+  return de(e) && Zt(e.length) && !!x[Ve(e)];
 }
 function ct(e) {
   return function(t) {
     return e(t);
   };
 }
-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() {
+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 && Kt.process, $e = function() {
   try {
     var e = Ce && Ce.require && Ce.require("util").types;
     return e || Qe && Qe.binding && Qe.binding("util");
@@ -194,7 +194,7 @@ function co(e) {
 function fo(e) {
   return Tr(e) ? io(e) : co(e);
 }
-var Oe = ve(Object, "create");
+var Oe = me(Object, "create");
 function po() {
   this.__data__ = Oe ? Oe(null) : {}, this.size = 0;
 }
@@ -221,18 +221,18 @@ function So(e, t) {
   var n = this.__data__;
   return this.size += this.has(e) ? 0 : 1, n[e] = Oe && t === void 0 ? To : t, this;
 }
-function de(e) {
+function pe(e) {
   var t = -1, n = e == null ? 0 : e.length;
   for (this.clear(); ++t < n; ) {
     var r = e[t];
     this.set(r[0], r[1]);
   }
 }
-de.prototype.clear = po;
-de.prototype.delete = vo;
-de.prototype.get = ho;
-de.prototype.has = $o;
-de.prototype.set = So;
+pe.prototype.clear = po;
+pe.prototype.delete = vo;
+pe.prototype.get = ho;
+pe.prototype.has = $o;
+pe.prototype.set = So;
 function wo() {
   this.__data__ = [], this.size = 0;
 }
@@ -261,24 +261,24 @@ function Mo(e, t) {
   var n = this.__data__, r = Ie(n, e);
   return r < 0 ? (++this.size, n.push([e, t])) : n[r][1] = t, this;
 }
-function se(e) {
+function le(e) {
   var t = -1, n = e == null ? 0 : e.length;
   for (this.clear(); ++t < n; ) {
     var r = e[t];
     this.set(r[0], r[1]);
   }
 }
-se.prototype.clear = wo;
-se.prototype.delete = Po;
-se.prototype.get = Oo;
-se.prototype.has = xo;
-se.prototype.set = Mo;
-var xe = ve(Q, "Map");
+le.prototype.clear = wo;
+le.prototype.delete = Po;
+le.prototype.get = Oo;
+le.prototype.has = xo;
+le.prototype.set = Mo;
+var xe = me(Y, "Map");
 function Uo() {
   this.size = 0, this.__data__ = {
-    hash: new de(),
-    map: new (xe || se)(),
-    string: new de()
+    hash: new pe(),
+    map: new (xe || le)(),
+    string: new pe()
   };
 }
 function Vo(e) {
@@ -303,26 +303,26 @@ function Eo(e, t) {
   var n = Xe(this, e), r = n.size;
   return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
 }
-function me(e) {
+function ge(e) {
   var t = -1, n = e == null ? 0 : e.length;
   for (this.clear(); ++t < n; ) {
     var r = e[t];
     this.set(r[0], r[1]);
   }
 }
-me.prototype.clear = Uo;
-me.prototype.delete = Lo;
-me.prototype.get = Do;
-me.prototype.has = jo;
-me.prototype.set = Eo;
+ge.prototype.clear = Uo;
+ge.prototype.delete = Lo;
+ge.prototype.get = Do;
+ge.prototype.has = jo;
+ge.prototype.set = Eo;
 function No(e, t) {
   for (var n = -1, r = t.length, l = e.length; ++n < r; )
     e[l + n] = t[n];
   return e;
 }
-var ko = tn(Object.getPrototypeOf, Object);
-function Bo() {
-  this.__data__ = new se(), this.size = 0;
+var Bo = tn(Object.getPrototypeOf, Object);
+function ko() {
+  this.__data__ = new le(), this.size = 0;
 }
 function Ro(e) {
   var t = this.__data__, n = t.delete(e);
@@ -335,28 +335,28 @@ function Ho(e) {
   return this.__data__.has(e);
 }
 var Go = 200;
-function zo(e, t) {
+function qo(e, t) {
   var n = this.__data__;
-  if (n instanceof se) {
+  if (n instanceof le) {
     var r = n.__data__;
     if (!xe || r.length < Go - 1)
       return r.push([e, t]), this.size = ++n.size, this;
-    n = this.__data__ = new me(r);
+    n = this.__data__ = new ge(r);
   }
   return n.set(e, t), this.size = n.size, this;
 }
-function ne(e) {
-  var t = this.__data__ = new se(e);
+function te(e) {
+  var t = this.__data__ = new le(e);
   this.size = t.size;
 }
-ne.prototype.clear = Bo;
-ne.prototype.delete = Ro;
-ne.prototype.get = Fo;
-ne.prototype.has = Ho;
-ne.prototype.set = zo;
-var nn = typeof exports == "object" && exports && !exports.nodeType && exports, wt = nn && typeof module == "object" && module && !module.nodeType && module, Ko = wt && wt.exports === nn, At = Ko ? Q.Buffer : void 0;
+te.prototype.clear = ko;
+te.prototype.delete = Ro;
+te.prototype.get = Fo;
+te.prototype.has = Ho;
+te.prototype.set = qo;
+var nn = typeof exports == "object" && exports && !exports.nodeType && exports, wt = nn && typeof module == "object" && module && !module.nodeType && module, zo = wt && wt.exports === nn, At = zo ? Y.Buffer : void 0;
 At && At.allocUnsafe;
-function qo(e, t) {
+function Ko(e, t) {
   return e.slice();
 }
 function Io(e, t) {
@@ -381,9 +381,9 @@ function Yo(e, t, n) {
 function rt(e) {
   return Yo(e, fo, Wo);
 }
-var ot = ve(Q, "DataView"), lt = ve(Q, "Promise"), it = ve(Q, "Set"), Pt = "[object Map]", Qo = "[object Object]", Ot = "[object Promise]", xt = "[object Set]", Mt = "[object WeakMap]", Ut = "[object DataView]", el = pe(ot), tl = pe(xe), nl = pe(lt), rl = pe(it), ol = pe(nt), Z = Ve;
+var ot = me(Y, "DataView"), lt = me(Y, "Promise"), it = me(Y, "Set"), Pt = "[object Map]", Qo = "[object Object]", Ot = "[object Promise]", xt = "[object Set]", Mt = "[object WeakMap]", Ut = "[object DataView]", el = ve(ot), tl = ve(xe), nl = ve(lt), rl = ve(it), ol = ve(nt), Z = Ve;
 (ot && Z(new ot(new ArrayBuffer(1))) != Ut || xe && Z(new xe()) != Pt || lt && Z(lt.resolve()) != Ot || it && Z(new it()) != xt || nt && Z(new nt()) != Mt) && (Z = function(e) {
-  var t = Ve(e), n = t == Qo ? e.constructor : void 0, r = n ? pe(n) : "";
+  var t = Ve(e), n = t == Qo ? e.constructor : void 0, r = n ? ve(n) : "";
   if (r)
     switch (r) {
       case el:
@@ -404,10 +404,10 @@ function sl(e) {
   var t = e.length, n = new e.constructor(t);
   return t && typeof e[0] == "string" && il.call(e, "index") && (n.index = e.index, n.input = e.input), n;
 }
-var ze = Q.Uint8Array;
+var qe = Y.Uint8Array;
 function ft(e) {
   var t = new e.constructor(e.byteLength);
-  return new ze(t).set(new ze(e)), t;
+  return new qe(t).set(new qe(e)), t;
 }
 function al(e, t) {
   var n = ft(e.buffer);
@@ -418,7 +418,7 @@ function cl(e) {
   var t = new e.constructor(e.source, ul.exec(e));
   return t.lastIndex = e.lastIndex, t;
 }
-var Vt = ue ? ue.prototype : void 0, Lt = Vt ? Vt.valueOf : void 0;
+var Vt = se ? se.prototype : void 0, Lt = Vt ? Vt.valueOf : void 0;
 function fl(e) {
   return Lt ? Object(Lt.call(e)) : {};
 }
@@ -461,32 +461,32 @@ function Vl(e, t, n) {
   }
 }
 function Ll(e) {
-  return typeof e.constructor == "function" && !Jt(e) ? dr(ko(e)) : {};
+  return typeof e.constructor == "function" && !Jt(e) ? dr(Bo(e)) : {};
 }
 var Dl = "[object Map]";
 function jl(e) {
-  return fe(e) && Z(e) == Dl;
+  return de(e) && Z(e) == Dl;
 }
 var Dt = $e && $e.isMap, El = Dt ? ct(Dt) : jl, Nl = "[object Set]";
-function kl(e) {
-  return fe(e) && Z(e) == Nl;
+function Bl(e) {
+  return de(e) && Z(e) == Nl;
 }
-var jt = $e && $e.isSet, Bl = jt ? ct(jt) : kl, rn = "[object Arguments]", Rl = "[object Array]", Fl = "[object Boolean]", Hl = "[object Date]", Gl = "[object Error]", on = "[object Function]", zl = "[object GeneratorFunction]", Kl = "[object Map]", ql = "[object Number]", ln = "[object Object]", Il = "[object RegExp]", Xl = "[object Set]", Zl = "[object String]", Jl = "[object Symbol]", Wl = "[object WeakMap]", Yl = "[object ArrayBuffer]", Ql = "[object DataView]", ei = "[object Float32Array]", ti = "[object Float64Array]", ni = "[object Int8Array]", ri = "[object Int16Array]", oi = "[object Int32Array]", li = "[object Uint8Array]", ii = "[object Uint8ClampedArray]", si = "[object Uint16Array]", ai = "[object Uint32Array]", P = {};
-P[rn] = P[Rl] = P[Yl] = P[Ql] = P[Fl] = P[Hl] = P[ei] = P[ti] = P[ni] = P[ri] = P[oi] = P[Kl] = P[ql] = P[ln] = P[Il] = P[Xl] = P[Zl] = P[Jl] = P[li] = P[ii] = P[si] = P[ai] = !0;
+var jt = $e && $e.isSet, kl = jt ? ct(jt) : Bl, rn = "[object Arguments]", Rl = "[object Array]", Fl = "[object Boolean]", Hl = "[object Date]", Gl = "[object Error]", on = "[object Function]", ql = "[object GeneratorFunction]", zl = "[object Map]", Kl = "[object Number]", ln = "[object Object]", Il = "[object RegExp]", Xl = "[object Set]", Zl = "[object String]", Jl = "[object Symbol]", Wl = "[object WeakMap]", Yl = "[object ArrayBuffer]", Ql = "[object DataView]", ei = "[object Float32Array]", ti = "[object Float64Array]", ni = "[object Int8Array]", ri = "[object Int16Array]", oi = "[object Int32Array]", li = "[object Uint8Array]", ii = "[object Uint8ClampedArray]", si = "[object Uint16Array]", ai = "[object Uint32Array]", P = {};
+P[rn] = P[Rl] = P[Yl] = P[Ql] = P[Fl] = P[Hl] = P[ei] = P[ti] = P[ni] = P[ri] = P[oi] = P[zl] = P[Kl] = P[ln] = P[Il] = P[Xl] = P[Zl] = P[Jl] = P[li] = P[ii] = P[si] = P[ai] = !0;
 P[Gl] = P[on] = P[Wl] = !1;
 function Re(e, t, n, r, l, o) {
   var i;
   if (i !== void 0)
     return i;
-  if (!qe(e))
+  if (!Ke(e))
     return e;
   var s = Pe(e);
   if (s)
     i = sl(e);
   else {
-    var u = Z(e), a = u == on || u == zl;
+    var u = Z(e), a = u == on || u == ql;
     if (Ge(e))
-      return qo(e);
+      return Ko(e);
     if (u == ln || u == rn || a && !l)
       i = a ? {} : Ll(e);
     else {
@@ -495,16 +495,16 @@ function Re(e, t, n, r, l, o) {
       i = Vl(e, u);
     }
   }
-  o || (o = new ne());
+  o || (o = new te());
   var d = o.get(e);
   if (d)
     return d;
-  o.set(e, i), Bl(e) ? e.forEach(function(y) {
+  o.set(e, i), kl(e) ? e.forEach(function(y) {
     i.add(Re(y, t, n, y, e, o));
   }) : El(e) && e.forEach(function(y, h) {
     i.set(h, Re(y, t, n, h, e, o));
   });
-  var c = rt, g = s ? void 0 : c(e);
+  var f = rt, g = s ? void 0 : f(e);
   return pr(g || e, function(y, h) {
     g && (h = y, y = e[h]), br(i, h, Re(y, t, n, h, e, o));
   }), i;
@@ -520,13 +520,13 @@ function di(e) {
 function pi(e) {
   return this.__data__.has(e);
 }
-function Ke(e) {
+function ze(e) {
   var t = -1, n = e == null ? 0 : e.length;
-  for (this.__data__ = new me(); ++t < n; )
+  for (this.__data__ = new ge(); ++t < n; )
     this.add(e[t]);
 }
-Ke.prototype.add = Ke.prototype.push = di;
-Ke.prototype.has = pi;
+ze.prototype.add = ze.prototype.push = di;
+ze.prototype.has = pi;
 function vi(e, t) {
   for (var n = -1, r = e == null ? 0 : e.length; ++n < r; )
     if (t(e[n], n, e))
@@ -544,11 +544,11 @@ function an(e, t, n, r, l, o) {
   var a = o.get(e), d = o.get(t);
   if (a && d)
     return a == t && d == e;
-  var c = -1, g = !0, y = n & yi ? new Ke() : void 0;
-  for (o.set(e, t), o.set(t, e); ++c < s; ) {
-    var h = e[c], M = t[c];
+  var f = -1, g = !0, y = n & yi ? new ze() : void 0;
+  for (o.set(e, t), o.set(t, e); ++f < s; ) {
+    var h = e[f], M = t[f];
     if (r)
-      var b = i ? r(M, h, c, t, e, o) : r(h, M, c, e, t, o);
+      var b = i ? r(M, h, f, t, e, o) : r(h, M, f, e, t, o);
     if (b !== void 0) {
       if (b)
         continue;
@@ -582,7 +582,7 @@ function _i(e) {
     n[++t] = r;
   }), n;
 }
-var bi = 1, $i = 2, Ti = "[object Boolean]", Si = "[object Date]", wi = "[object Error]", Ai = "[object Map]", Ci = "[object Number]", Pi = "[object RegExp]", Oi = "[object Set]", xi = "[object String]", Mi = "[object Symbol]", Ui = "[object ArrayBuffer]", Vi = "[object DataView]", Et = ue ? ue.prototype : void 0, et = Et ? Et.valueOf : void 0;
+var bi = 1, $i = 2, Ti = "[object Boolean]", Si = "[object Date]", wi = "[object Error]", Ai = "[object Map]", Ci = "[object Number]", Pi = "[object RegExp]", Oi = "[object Set]", xi = "[object String]", Mi = "[object Symbol]", Ui = "[object ArrayBuffer]", Vi = "[object DataView]", Et = se ? se.prototype : void 0, et = Et ? Et.valueOf : void 0;
 function Li(e, t, n, r, l, o, i) {
   switch (n) {
     case Vi:
@@ -590,7 +590,7 @@ function Li(e, t, n, r, l, o, i) {
         return !1;
       e = e.buffer, t = t.buffer;
     case Ui:
-      return !(e.byteLength != t.byteLength || !o(new ze(e), new ze(t)));
+      return !(e.byteLength != t.byteLength || !o(new qe(e), new qe(t)));
     case Ti:
     case Si:
     case Ci:
@@ -623,8 +623,8 @@ function Ni(e, t, n, r, l, o) {
   var i = n & Di, s = rt(e), u = s.length, a = rt(t), d = a.length;
   if (u != d && !i)
     return !1;
-  for (var c = u; c--; ) {
-    var g = s[c];
+  for (var f = u; f--; ) {
+    var g = s[f];
     if (!(i ? g in t : Ei.call(t, g)))
       return !1;
   }
@@ -633,8 +633,8 @@ function Ni(e, t, n, r, l, o) {
     return y == t && h == e;
   var M = !0;
   o.set(e, t), o.set(t, e);
-  for (var b = i; ++c < u; ) {
-    g = s[c];
+  for (var b = i; ++f < u; ) {
+    g = s[f];
     var D = e[g], w = t[g];
     if (r)
       var U = i ? r(w, D, g, t, e, o) : r(D, w, g, e, t, o);
@@ -650,29 +650,29 @@ function Ni(e, t, n, r, l, o) {
   }
   return o.delete(e), o.delete(t), M;
 }
-var ki = 1, Nt = "[object Arguments]", kt = "[object Array]", Ee = "[object Object]", Bi = Object.prototype, Bt = Bi.hasOwnProperty;
+var Bi = 1, Nt = "[object Arguments]", Bt = "[object Array]", Ee = "[object Object]", ki = Object.prototype, kt = ki.hasOwnProperty;
 function Ri(e, t, n, r, l, o) {
-  var i = Pe(e), s = Pe(t), u = i ? kt : Z(e), a = s ? kt : Z(t);
+  var i = Pe(e), s = Pe(t), u = i ? Bt : Z(e), a = s ? Bt : Z(t);
   u = u == Nt ? Ee : u, a = a == Nt ? Ee : a;
-  var d = u == Ee, c = a == Ee, g = u == a;
+  var d = u == Ee, f = a == Ee, g = u == a;
   if (g && Ge(e)) {
     if (!Ge(t))
       return !1;
     i = !0, d = !1;
   }
   if (g && !d)
-    return o || (o = new ne()), i || en(e) ? an(e, t, n, r, l, o) : Li(e, t, u, n, r, l, o);
-  if (!(n & ki)) {
-    var y = d && Bt.call(e, "__wrapped__"), h = c && Bt.call(t, "__wrapped__");
+    return o || (o = new te()), i || en(e) ? an(e, t, n, r, l, o) : Li(e, t, u, n, r, l, o);
+  if (!(n & Bi)) {
+    var y = d && kt.call(e, "__wrapped__"), h = f && kt.call(t, "__wrapped__");
     if (y || h) {
       var M = y ? e.value() : e, b = h ? t.value() : t;
-      return o || (o = new ne()), l(M, b, n, r, o);
+      return o || (o = new te()), l(M, b, n, r, o);
     }
   }
-  return g ? (o || (o = new ne()), Ni(e, t, n, r, l, o)) : !1;
+  return g ? (o || (o = new te()), Ni(e, t, n, r, l, o)) : !1;
 }
 function un(e, t, n, r, l) {
-  return e === t ? !0 : e == null || t == null || !fe(e) && !fe(t) ? e !== e && t !== t : Ri(e, t, n, r, un, l);
+  return e === t ? !0 : e == null || t == null || !de(e) && !de(t) ? e !== e && t !== t : Ri(e, t, n, r, un, l);
 }
 function Ze(e, t) {
   return un(e, t);
@@ -750,10 +750,10 @@ const Ne = (e, t) => {
     return !0;
   };
   return n(e, t);
-}, dt = (e) => !(e instanceof Array), pt = (e) => e instanceof Array, zi = [
+}, dt = (e) => !(e instanceof Array), pt = (e) => e instanceof Array, qi = [
   ["basic", "id"],
   ["basic", "name"]
-], Ki = (e) => zi.find((t) => Ze(e, t)), Je = (e, t, n, r, l, o, i) => (e = sn(e), o !== void 0 ? (e.push(o), i && e.push(t.key)) : e.push(t.key), Ki(e) ? (r.change = !1, r.change) : t.ui ? t.array && o === void 0 ? Xi(
+], zi = (e) => qi.find((t) => Ze(e, t)), Je = (e, t, n, r, l, o, i) => (e = sn(e), o !== void 0 ? (e.push(o), i && e.push(t.key)) : e.push(t.key), zi(e) ? (r.change = !1, r.change) : t.ui ? t.array && o === void 0 ? Xi(
   e,
   t,
   n,
@@ -761,7 +761,7 @@ const Ne = (e, t) => {
   l,
   o,
   i
-) : Zi(t, n, r, o, i) : t.array ? qi(
+) : Zi(t, n, r, o, i) : t.array ? Ki(
   e,
   t,
   n,
@@ -777,7 +777,7 @@ const Ne = (e, t) => {
   l,
   o,
   i
-)), qi = (e, t, n, r, l, o, i) => {
+)), Ki = (e, t, n, r, l, o, i) => {
   if (t.ui)
     return console.assert(!1, "execPropBranchArray prop ui must be invalid"), !1;
   if (!t.array)
@@ -899,10 +899,10 @@ function os(e) {
 function gn() {
   return Ue(mn);
 }
-const ls = /* @__PURE__ */ z({
+const ls = /* @__PURE__ */ q({
   __name: "menu",
   setup(e) {
-    const { t } = ie(), n = Wi(), r = Qi(), l = ts(), o = rs(), i = B(0), s = B(0), u = B([]), a = F(() => [i.value, s.value]), d = (b) => {
+    const { t } = ue(), n = Wi(), r = Qi(), l = ts(), o = rs(), i = k(0), s = k(0), u = k([]), a = G(() => [i.value, s.value]), d = (b) => {
       const D = () => !(u.value.length <= 0 || !be(l.value, u.value)), w = () => {
         if (!D())
           return;
@@ -945,7 +945,7 @@ const ls = /* @__PURE__ */ z({
         title: t("x-prop-tree.reset"),
         func: w
       });
-    }, c = (b) => {
+    }, f = (b) => {
       const D = () => {
         const w = Ne(n.value, u.value), U = Ae(r.value, u.value);
         localStorage.setItem("propTreeCopy", JSON.stringify({ prop: w, object: U }));
@@ -982,9 +982,9 @@ const ls = /* @__PURE__ */ z({
         title: t("x-prop-tree.paste"),
         func: w
       });
-    }, y = F(() => {
+    }, y = G(() => {
       const b = [];
-      return d(b), c(b), g(b), b;
+      return d(b), f(b), g(b), b;
     }), h = (b) => {
       i.value = b.x, s.value = b.y, u.value = b.keys;
     }, { open: M } = at("propTreeMenu", h);
@@ -998,17 +998,17 @@ const ls = /* @__PURE__ */ z({
         scrim: "transparent"
       }, {
         default: J(() => [
-          k(A, null, {
+          B(A, null, {
             default: J(() => [
-              (S(!0), H(He, null, Ht(y.value, (W, We) => (S(), R(U, {
+              (S(!0), F(He, null, Ht(y.value, (W, We) => (S(), R(U, {
                 key: We,
                 link: "",
                 onClick: W.func
               }, {
                 default: J(() => [
-                  k(w, null, {
+                  B(w, null, {
                     default: J(() => [
-                      st(re(W.title), 1)
+                      st(ne(W.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -1024,8 +1024,8 @@ 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 ke = /* @__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", ye = "M19,13H5V11H19V13Z", ss = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
+const Be = /* @__PURE__ */ q({
   __name: "title",
   props: {
     title: {},
@@ -1036,7 +1036,7 @@ const ke = /* @__PURE__ */ z({
   },
   emits: ["collapse", "menu", "create", "delete"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = B(!1), i = F(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = k(!1), i = G(() => ({
       background: o.value ? r.value : n.value,
       height: "36px",
       marginBottom: "1px",
@@ -1047,46 +1047,46 @@ const ke = /* @__PURE__ */ z({
       l("menu", a.clientX, a.clientY);
     };
     return (a, d) => {
-      const c = O("v-icon"), g = O("v-spacer"), y = le("ripple");
-      return Y((S(), H("div", {
+      const f = O("v-icon"), g = O("v-spacer"), y = ae("ripple");
+      return re((S(), F("div", {
         class: "d-flex align-center cursor-pointer",
-        style: ae(i.value),
+        style: ie(i.value),
         onClick: s,
-        onContextmenu: K(u, ["prevent"]),
+        onContextmenu: z(u, ["prevent"]),
         onMouseover: d[2] || (d[2] = (h) => o.value = !0),
         onMouseout: d[3] || (d[3] = (h) => o.value = !1)
       }, [
-        k(c, {
+        B(f, {
           class: "mr-1",
           icon: a.collapse ? E(hn) : E(yn)
         }, null, 8, ["icon"]),
-        q("span", null, re(a.title), 1),
-        k(g),
-        a.hasCreate ? (S(), R(c, {
+        K("span", null, ne(a.title), 1),
+        B(g),
+        a.hasCreate ? (S(), R(f, {
           key: 0,
           class: "mx-3",
           icon: E(ss),
-          onClick: d[0] || (d[0] = K((h) => l("create"), ["stop"]))
+          onClick: d[0] || (d[0] = z((h) => l("create"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0),
-        a.hasDelete ? (S(), R(c, {
+        a.hasDelete ? (S(), R(f, {
           key: 1,
           class: "mx-3",
-          icon: E(ge),
-          onClick: d[1] || (d[1] = K((h) => l("delete", a.index), ["stop"]))
+          icon: E(ye),
+          onClick: d[1] || (d[1] = z((h) => l("delete", a.index), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ], 36)), [
         [y]
       ]);
     };
   }
-}), as = /* @__PURE__ */ z({
+}), as = /* @__PURE__ */ q({
   __name: "entry",
   props: {
     minHeight: {}
   },
   emits: ["menu"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = B(!1), i = F(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = k(!1), i = G(() => ({
       background: o.value ? r.value : n.value,
       minHeight: e.minHeight,
       paddingRight: "4px",
@@ -1096,13 +1096,13 @@ const ke = /* @__PURE__ */ z({
       l("menu", u.clientX, u.clientY);
     };
     return (u, a) => {
-      const d = le("ripple");
-      return Y((S(), H("div", {
+      const d = ae("ripple");
+      return re((S(), F("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
-        style: ae(i.value),
-        onContextmenu: K(s, ["prevent"]),
-        onMouseover: a[0] || (a[0] = (c) => o.value = !0),
-        onMouseout: a[1] || (a[1] = (c) => o.value = !1)
+        style: ie(i.value),
+        onContextmenu: z(s, ["prevent"]),
+        onMouseover: a[0] || (a[0] = (f) => o.value = !0),
+        onMouseout: a[1] || (a[1] = (f) => o.value = !1)
       }, [
         Un(u.$slots, "default")
       ], 36)), [
@@ -1112,7 +1112,7 @@ const ke = /* @__PURE__ */ z({
   }
 });
 function us(e, t, n) {
-  const { t: r } = ie();
+  const { t: r } = ue();
   return { renderProp: (o, i, s) => {
     let u = r(i.name);
     return be(e.value, o) && (u += " *"), _(
@@ -1130,37 +1130,48 @@ function us(e, t, n) {
     );
   } };
 }
+const ce = (e, t, n, r, l, o) => {
+  if (l !== void 0 && !o) {
+    if (n[l] === void 0) {
+      const i = N(t, !0);
+      i !== void 0 && (n[l] = i, r(e, n[l]));
+    }
+    return n[l];
+  } else {
+    if (n[t.key] === void 0) {
+      const i = N(t);
+      i !== void 0 && (n[t.key] = i, r(e, n[t.key]));
+    }
+    return n[t.key];
+  }
+}, he = (e, t, n, r, l, o, i) => {
+  o !== void 0 && !i ? r !== n[o] && (n[o] = r, l(e, n[o])) : r !== n[t.key] && (n[t.key] = r, l(e, n[t.key]));
+};
 function cs(e) {
   return { renderUiDummy: (n, r, l, o, i) => {
     if (r.ui !== "dummy") {
       console.assert(!1, "renderUiDummy prop ui must be dummy");
       return;
     }
-    if (o !== void 0 && !i) {
-      const s = N(r, !0);
-      typeof l[o] != typeof s && (l[o] = s, e(n, l[o]));
-    } else {
-      const s = N(r);
-      typeof l[r.key] != typeof s && (l[r.key] = s, e(n, l[r.key]));
-    }
+    ce(n, r, l, e, o, i);
   } };
 }
-const fs = { class: "d-flex justify-space-between align-center" }, ds = /* @__PURE__ */ z({
+const fs = { class: "d-flex justify-space-between align-center" }, ds = /* @__PURE__ */ q({
   __name: "strInput",
   props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
-    modelValue: {},
+    modelValue: { required: !0 },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = oe(e, "modelValue"), r = t;
     return (l, o) => {
-      const i = O("v-text-field"), s = O("v-icon"), u = le("ripple");
-      return S(), H("div", fs, [
-        Y(k(i, {
+      const i = O("v-text-field"), s = O("v-icon"), u = ae("ripple");
+      return S(), F("div", fs, [
+        re(B(i, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
           density: "compact",
@@ -1178,23 +1189,16 @@ const fs = { class: "d-flex justify-space-between align-center" }, ds = /* @__PU
         l.hasDelete ? (S(), R(s, {
           key: 0,
           class: "mx-2",
-          icon: E(ge),
-          onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
+          icon: E(ye),
+          onClick: o[1] || (o[1] = z((a) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
-}), ye = (e, t, n, r, l, o) => l !== void 0 && !o ? n[l] : n[t.key], he = (e, t, n, r, l, o, i) => {
-  const s = N(t, !0);
-  if (typeof r != typeof s) {
-    console.assert(!1);
-    return;
-  }
-  o !== void 0 && !i ? r !== n[o] && (n[o] = r, l(e, n[o])) : r !== n[t.key] && (n[t.key] = r, l(e, n[t.key]));
-};
+});
 function ps(e) {
   return { renderUiStrInput: (n, r, l, o, i) => r.ui !== "strInput" ? (console.assert(!1), _("div", "renderUiStrInput prop ui must be strInput")) : _(ds, {
-    modelValue: r.static ? r.value : ye(
+    modelValue: r.static ? r.value : ce(
       n,
       r,
       l,
@@ -1220,7 +1224,7 @@ function ps(e) {
     readonly: r.static || r.readonly
   }) };
 }
-const vs = { class: "d-flex justify-space-between align-center" }, ms = /* @__PURE__ */ z({
+const vs = { class: "d-flex justify-space-between align-center" }, ms = /* @__PURE__ */ q({
   __name: "numInput",
   props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
@@ -1231,16 +1235,16 @@ const vs = { class: "d-flex justify-space-between align-center" }, ms = /* @__PU
     step: { default: 1 },
     readonly: { type: Boolean, default: !1 }
   }, {
-    modelValue: {},
+    modelValue: { required: !0 },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = oe(e, "modelValue"), r = t;
     return (l, o) => {
-      const i = O("v-number-input"), s = O("v-icon"), u = le("ripple");
-      return S(), H("div", vs, [
-        Y(k(i, {
+      const i = O("v-number-input"), s = O("v-icon"), u = ae("ripple");
+      return S(), F("div", vs, [
+        re(B(i, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
           density: "compact",
@@ -1263,8 +1267,8 @@ const vs = { class: "d-flex justify-space-between align-center" }, ms = /* @__PU
         l.hasDelete ? (S(), R(s, {
           key: 0,
           class: "mx-2",
-          icon: E(ge),
-          onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
+          icon: E(ye),
+          onClick: o[1] || (o[1] = z((a) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1272,7 +1276,7 @@ const vs = { class: "d-flex justify-space-between align-center" }, ms = /* @__PU
 });
 function gs(e) {
   return { renderUiNumInput: (n, r, l, o, i) => r.ui !== "numInput" ? (console.assert(!1), _("div", "renderUiNumInput prop ui must be numInput")) : _(ms, {
-    modelValue: ye(
+    modelValue: ce(
       n,
       r,
       l,
@@ -1298,46 +1302,35 @@ function gs(e) {
     readonly: r.readonly
   }) };
 }
-const ys = { class: "d-flex justify-space-between align-center" }, hs = /* @__PURE__ */ z({
+const ys = { class: "d-flex justify-space-between align-center" }, hs = /* @__PURE__ */ q({
   __name: "switch",
   props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
-    modelValue: { type: Boolean },
+    modelValue: { type: Boolean, required: !0 },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const { t: n } = ie(), r = oe(e, "modelValue"), l = t, o = F(() => [
-      { title: n("x-runtime-lib.notSet"), value: void 0 },
-      { title: n("x-runtime-lib.true"), value: !0 },
-      { title: n("x-runtime-lib.false"), value: !1 }
-    ]);
-    return (i, s) => {
-      const u = O("v-select"), a = O("v-icon"), d = le("ripple");
-      return S(), H("div", ys, [
-        Y(k(u, {
-          modelValue: r.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (c) => r.value = c),
+    const n = oe(e, "modelValue"), r = t;
+    return (l, o) => {
+      const i = O("v-switch"), s = O("v-icon");
+      return S(), F("div", ys, [
+        B(i, {
+          modelValue: n.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (u) => n.value = u),
+          class: "ml-1",
           density: "compact",
-          items: o.value,
+          color: "primary",
           "hide-details": "",
-          "single-line": "",
-          readonly: i.readonly
-        }, null, 8, ["modelValue", "items", "readonly"]), [
-          [
-            d,
-            void 0,
-            void 0,
-            { stop: !0 }
-          ]
-        ]),
-        i.hasDelete ? (S(), R(a, {
+          readonly: l.readonly
+        }, null, 8, ["modelValue", "readonly"]),
+        l.hasDelete ? (S(), R(s, {
           key: 0,
           class: "mx-2",
-          icon: E(ge),
-          onClick: s[1] || (s[1] = K((c) => l("delete"), ["stop"]))
+          icon: E(ye),
+          onClick: o[1] || (o[1] = z((u) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1345,7 +1338,7 @@ const ys = { class: "d-flex justify-space-between align-center" }, hs = /* @__PU
 });
 function _s(e) {
   return { renderUiSwitch: (n, r, l, o, i) => r.ui !== "switch" ? (console.assert(!1), _("div", "renderUiSwitch prop ui must be switch")) : _(hs, {
-    modelValue: ye(
+    modelValue: ce(
       n,
       r,
       l,
@@ -1371,23 +1364,23 @@ function _s(e) {
     readonly: r.readonly
   }) };
 }
-const bs = { class: "d-flex justify-space-between align-center" }, $s = /* @__PURE__ */ z({
+const bs = { class: "d-flex justify-space-between align-center" }, $s = /* @__PURE__ */ q({
   __name: "select",
   props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
     items: {}
   }, {
-    modelValue: {},
+    modelValue: { required: !0 },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = oe(e, "modelValue"), r = t;
     return (l, o) => {
-      const i = O("v-select"), s = O("v-icon"), u = le("ripple");
-      return S(), H("div", bs, [
-        Y(k(i, {
+      const i = O("v-select"), s = O("v-icon"), u = ae("ripple");
+      return S(), F("div", bs, [
+        re(B(i, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
           density: "compact",
@@ -1406,17 +1399,17 @@ const bs = { class: "d-flex justify-space-between align-center" }, $s = /* @__PU
         l.hasDelete ? (S(), R(s, {
           key: 0,
           class: "mx-2",
-          icon: E(ge),
-          onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
+          icon: E(ye),
+          onClick: o[1] || (o[1] = z((a) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
 function Ts(e) {
-  const { t } = ie();
+  const { t } = ue();
   return { renderUiSelect: (r, l, o, i, s) => l.ui !== "select" ? (console.assert(!1), _("div", "renderUiSelect prop ui must be select")) : _($s, {
-    modelValue: ye(
+    modelValue: ce(
       r,
       l,
       o,
@@ -1451,7 +1444,7 @@ function Ts(e) {
     readonly: l.readonly
   }) };
 }
-const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-grey ml-1" }, As = /* @__PURE__ */ z({
+const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-grey ml-1" }, As = /* @__PURE__ */ q({
   __name: "group",
   props: {
     id: {},
@@ -1461,33 +1454,33 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = B(!1), s = F(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = k(!1), s = G(() => ({
       background: i.value ? r.value : n.value,
       height: "30px",
       marginBottom: "1px",
       userSelect: "none"
     }));
     return (u, a) => {
-      const d = O("v-icon"), c = le("ripple");
-      return Y((S(), H("div", {
+      const d = O("v-icon"), f = ae("ripple");
+      return re((S(), F("div", {
         class: "d-flex align-center cursor-pointer",
-        style: ae(s.value),
+        style: ie(s.value),
         onClick: a[0] || (a[0] = (g) => o("x-click", l.id)),
         onMouseover: a[1] || (a[1] = (g) => i.value = !0),
         onMouseout: a[2] || (a[2] = (g) => i.value = !1)
       }, [
-        k(d, {
+        B(d, {
           icon: l.collapse ? E(hn) : E(yn),
           size: "small"
         }, null, 8, ["icon"]),
-        q("span", Ss, re(l.title), 1),
-        q("span", ws, re(l.count), 1)
+        K("span", Ss, ne(l.title), 1),
+        K("span", ws, ne(l.count), 1)
       ], 36)), [
-        [c]
+        [f]
       ]);
     };
   }
-}), Cs = { class: "text-subtitle-1 ml-6" }, Ps = /* @__PURE__ */ z({
+}), Cs = { class: "text-subtitle-1 ml-6" }, Ps = /* @__PURE__ */ q({
   __name: "item",
   props: {
     id: {},
@@ -1495,22 +1488,22 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = B(!1), s = F(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = k(!1), s = G(() => ({
       background: i.value ? r.value : n.value,
       height: "48px",
       marginBottom: "1px",
       userSelect: "none"
     }));
     return (u, a) => {
-      const d = le("ripple");
-      return Y((S(), H("div", {
+      const d = ae("ripple");
+      return re((S(), F("div", {
         class: "d-flex align-center cursor-pointer",
-        style: ae(s.value),
-        onClick: a[0] || (a[0] = (c) => o("x-click", l.id)),
-        onMouseover: a[1] || (a[1] = (c) => i.value = !0),
-        onMouseout: a[2] || (a[2] = (c) => i.value = !1)
+        style: ie(s.value),
+        onClick: a[0] || (a[0] = (f) => o("x-click", l.id)),
+        onMouseover: a[1] || (a[1] = (f) => i.value = !0),
+        onMouseout: a[2] || (a[2] = (f) => i.value = !1)
       }, [
-        q("span", Cs, re(l.title), 1)
+        K("span", Cs, ne(l.title), 1)
       ], 36)), [
         [d]
       ]);
@@ -1519,7 +1512,7 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
 }), Os = { key: 0 }, xs = {
   key: 1,
   class: "text-body-2 text-grey ml-3"
-}, Ms = /* @__PURE__ */ z({
+}, Ms = /* @__PURE__ */ q({
   __name: "index",
   props: {
     modelValue: {},
@@ -1529,14 +1522,14 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
   },
   emits: ["update:modelValue", "update:open"],
   setup(e) {
-    const { t } = ie(), n = oe(e, "modelValue"), r = oe(e, "open"), l = gn(), o = (s) => {
+    const { t } = ue(), n = oe(e, "modelValue"), r = oe(e, "open"), l = gn(), o = (s) => {
       const u = cn(l, s);
       u && Hi(l, s, !u.collapse);
     }, i = (s) => {
       n.value = s, r.value = !1, _e.emit("refreshDepends");
     };
-    return (s, u) => E(l).length > 0 ? (S(), H("div", Os, [
-      (S(!0), H(He, null, Ht(E(l), (a) => (S(), H(He, {
+    return (s, u) => E(l).length > 0 ? (S(), F("div", Os, [
+      (S(!0), F(He, null, Ht(E(l), (a) => (S(), F(He, {
         key: a.id
       }, [
         a.type === 0 ? (S(), R(As, {
@@ -1554,9 +1547,9 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
           onXClick: i
         }, null, 8, ["id", "title"])) : I("", !0)
       ], 64))), 128))
-    ])) : (S(), H("div", xs, re(E(t)("x-prop-tree.noComp")), 1));
+    ])) : (S(), F("div", xs, ne(E(t)("x-prop-tree.noComp")), 1));
   }
-}), Us = { class: "text-subtitle-1 ml-3" }, Vs = /* @__PURE__ */ z({
+}), Us = { class: "text-subtitle-1 ml-3" }, Vs = /* @__PURE__ */ q({
   __name: "index",
   props: {
     modelValue: {},
@@ -1564,92 +1557,92 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const { t } = ie(), n = Bn(), { sysBarAvail: r } = En(), { backgroundColor1: l } = Te(), o = oe(e, "modelValue"), i = gn(), s = F(() => {
+    const { t } = ue(), n = kn(), { sysBarAvail: r } = En(), { backgroundColor1: l } = Te(), o = oe(e, "modelValue"), i = gn(), s = G(() => {
       let g = "100%";
       return n.mdAndUp.value && (g = "400px"), {
         background: l.value,
         width: g,
         height: "100%"
       };
-    }), u = F(() => {
+    }), u = G(() => {
       let g = 48;
       return r.value && (g += 24), {
         position: "relative",
         height: `calc(100% - ${g}px)`
       };
-    }), a = F(() => ({
+    }), a = G(() => ({
       height: "60px"
-    })), d = F(() => {
+    })), d = G(() => {
       if (!o.value)
         return t("x-prop-tree.notSet");
       const g = cn(i, o.value);
       return g ? g.name : t("x-runtime-lib.compNotAvail");
-    }), { open: c } = at(`propTreeCompSelectDlg${Gt()}`);
-    return zt(() => {
-      c.value = !1;
+    }), { open: f } = at(`propTreeCompSelectDlg${Gt()}`);
+    return qt(() => {
+      f.value = !1;
     }), (g, y) => {
       const h = O("v-btn"), M = O("v-sheet"), b = O("v-icon"), D = O("v-dialog");
       return S(), R(D, {
-        modelValue: E(c),
-        "onUpdate:modelValue": y[5] || (y[5] = (w) => Fe(c) ? c.value = w : null),
+        modelValue: E(f),
+        "onUpdate:modelValue": y[5] || (y[5] = (w) => Fe(f) ? f.value = w : null),
         transition: "scroll-x-reverse-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
-        onKeydown: y[6] || (y[6] = Vn(K((w) => c.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: y[6] || (y[6] = Vn(z((w) => f.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: J(({ props: w }) => [
-          k(h, Kt(w, {
+          B(h, zt(w, {
             density: "comfortable",
             block: ""
           }), {
             default: J(() => [
-              st(re(d.value), 1)
+              st(ne(d.value), 1)
             ]),
             _: 2
           }, 1040)
         ]),
         default: J(() => [
-          q("div", {
+          K("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
-            onClick: y[3] || (y[3] = K((w) => c.value = !1, ["self"])),
-            onContextmenu: y[4] || (y[4] = K((w) => c.value = !1, ["self", "prevent"]))
+            onClick: y[3] || (y[3] = z((w) => f.value = !1, ["self"])),
+            onContextmenu: y[4] || (y[4] = z((w) => f.value = !1, ["self", "prevent"]))
           }, [
-            q("div", {
+            K("div", {
               class: "elevation-2",
-              style: ae(s.value)
+              style: ie(s.value)
             }, [
               E(r) ? (S(), R(M, {
                 key: 0,
                 color: "transparent",
                 height: 24
               })) : I("", !0),
-              k(M, {
+              B(M, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
                 default: J(() => [
-                  k(b, {
+                  B(b, {
                     icon: E(is),
-                    onClick: y[0] || (y[0] = (w) => c.value = !1)
+                    onClick: y[0] || (y[0] = (w) => f.value = !1)
                   }, null, 8, ["icon"]),
-                  q("span", Us, re(E(t)("x-prop-tree.dlg.compSelect.title")), 1)
+                  K("span", Us, ne(E(t)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
                 _: 1
               }),
-              q("div", {
+              K("div", {
                 class: "overflow-y-auto",
-                style: ae(u.value)
+                style: ie(u.value)
               }, [
-                k(Ms, {
+                B(Ms, {
                   modelValue: o.value,
                   "onUpdate:modelValue": y[1] || (y[1] = (w) => o.value = w),
-                  open: E(c),
-                  "onUpdate:open": y[2] || (y[2] = (w) => Fe(c) ? c.value = w : null)
+                  open: E(f),
+                  "onUpdate:open": y[2] || (y[2] = (w) => Fe(f) ? f.value = w : null)
                 }, null, 8, ["modelValue", "open"]),
-                q("div", {
-                  style: ae(a.value)
+                K("div", {
+                  style: ie(a.value)
                 }, null, 4)
               ], 4)
             ], 4)
@@ -1662,7 +1655,7 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
 });
 function Ls(e) {
   return { renderUiCompSelect: (n, r, l, o, i) => r.ui !== "compSelect" ? (console.assert(!1), _("div", "renderUiCompSelect prop ui must be compSelect")) : _(Vs, {
-    modelValue: ye(
+    modelValue: ce(
       n,
       r,
       l,
@@ -1683,7 +1676,7 @@ function Ls(e) {
     }
   }) };
 }
-const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PURE__ */ z({
+const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PURE__ */ q({
   __name: "colorPicker",
   props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
@@ -1694,16 +1687,16 @@ const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PU
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const { t: n } = ie(), r = oe(e, "modelValue"), l = t, o = F(() => {
+    const { t: n } = ue(), r = oe(e, "modelValue"), l = t, o = G(() => {
       let u = "100%";
       return e.hasDelete && (u = "calc(100% - 37px)"), {
         width: u
       };
-    }), i = F(() => e.readonly), { open: s } = at(`propTreeColorPickerMenu${Gt()}`);
-    return zt(() => {
+    }), i = G(() => e.readonly), { open: s } = at(`propTreeColorPickerMenu${Gt()}`);
+    return qt(() => {
       s.value = !1;
     }), (u, a) => {
-      const d = O("v-btn"), c = O("v-icon"), g = O("v-color-picker"), y = O("v-menu");
+      const d = O("v-btn"), f = O("v-icon"), g = O("v-color-picker"), y = O("v-menu");
       return S(), R(y, {
         modelValue: E(s),
         "onUpdate:modelValue": a[2] || (a[2] = (h) => Fe(s) ? s.value = h : null),
@@ -1711,33 +1704,33 @@ const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PU
         scrim: "transparent"
       }, {
         activator: J(({ props: h }) => [
-          q("div", Ds, [
-            q("div", {
+          K("div", Ds, [
+            K("div", {
               class: "flex-grow-1",
-              style: ae(o.value)
+              style: ie(o.value)
             }, [
-              k(d, Kt(h, {
+              B(d, zt(h, {
                 density: "comfortable",
                 color: r.value,
                 block: "",
                 disabled: i.value
               }), {
                 default: J(() => [
-                  st(re(r.value ? r.value : E(n)("x-runtime-lib.notSet")), 1)
+                  st(ne(r.value ? r.value : E(n)("x-runtime-lib.notSet")), 1)
                 ]),
                 _: 2
               }, 1040, ["color", "disabled"])
             ], 4),
-            u.hasDelete ? (S(), R(c, {
+            u.hasDelete ? (S(), R(f, {
               key: 0,
               class: "mx-2",
-              icon: E(ge),
-              onClick: a[0] || (a[0] = K((M) => l("delete"), ["stop"]))
+              icon: E(ye),
+              onClick: a[0] || (a[0] = z((M) => l("delete"), ["stop"]))
             }, null, 8, ["icon"])) : I("", !0)
           ])
         ]),
         default: J(() => [
-          k(g, {
+          B(g, {
             modelValue: r.value,
             "onUpdate:modelValue": a[1] || (a[1] = (h) => r.value = h),
             mode: "hexa",
@@ -1752,7 +1745,7 @@ const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PU
 });
 function Es(e) {
   return { renderUiColorPicker: (n, r, l, o, i) => r.ui !== "colorPicker" ? (console.assert(!1), _("div", "renderUiColorPicker prop ui must be colorPicker")) : _(js, {
-    modelValue: ye(
+    modelValue: ce(
       n,
       r,
       l,
@@ -1778,7 +1771,7 @@ function Es(e) {
     readonly: r.readonly
   }) };
 }
-const Ns = { class: "d-flex justify-space-between align-center my-2" }, ks = { class: "flex-grow-1" }, Bs = /* @__PURE__ */ z({
+const Ns = { class: "d-flex justify-space-between align-center my-2" }, Bs = { class: "flex-grow-1" }, ks = /* @__PURE__ */ q({
   __name: "multiTypes",
   props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
@@ -1789,33 +1782,33 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, ks = { c
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const { t: n } = ie(), r = oe(e, "modelValue"), l = t, o = B(0), i = F(() => {
+    const { t: n } = ue(), r = oe(e, "modelValue"), l = t, o = k(0), i = G(() => {
       const d = [];
-      return e.types.forEach(({ name: c }, g) => {
+      return e.types.forEach(({ name: f }, g) => {
         d.push({
-          title: n(c),
+          title: n(f),
           value: g
         });
       }), d;
     });
     mt(() => {
-      e.types.some((d, c) => d.validator(r.value) ? (o.value = c, !0) : !1);
+      e.types.some((d, f) => d.validator(r.value) ? (o.value = f, !0) : !1);
     });
-    const s = F(() => e.types[o.value]), u = () => {
+    const s = G(() => e.types[o.value]), u = () => {
       r.value = s.value.default;
-    }, a = B(0);
+    }, a = k(0);
     return mt(() => {
-      s.value.ui === "pixelInput" ? a.value = Nn(r.value) : s.value.ui === "percentInput" && (a.value = kn(r.value));
-    }), Be(a, (d) => {
+      s.value.ui === "pixelInput" ? a.value = Nn(r.value) : s.value.ui === "percentInput" && (a.value = Bn(r.value));
+    }), ke(a, (d) => {
       s.value.ui === "pixelInput" ? r.value = d + "px" : s.value.ui === "percentInput" && (r.value = d + "%");
-    }), (d, c) => {
-      const g = O("v-select"), y = O("v-number-input"), h = O("v-icon"), M = le("ripple");
-      return S(), H("div", Ns, [
-        q("div", ks, [
-          Y(k(g, {
+    }), (d, f) => {
+      const g = O("v-select"), y = O("v-number-input"), h = O("v-icon"), M = ae("ripple");
+      return S(), F("div", Ns, [
+        K("div", Bs, [
+          re(B(g, {
             modelValue: o.value,
             "onUpdate:modelValue": [
-              c[0] || (c[0] = (b) => o.value = b),
+              f[0] || (f[0] = (b) => o.value = b),
               u
             ],
             density: "compact",
@@ -1830,10 +1823,10 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, ks = { c
               { stop: !0 }
             ]
           ]),
-          s.value.ui === "pixelInput" || s.value.ui === "percentInput" ? Y((S(), R(y, {
+          s.value.ui === "pixelInput" || s.value.ui === "percentInput" ? re((S(), R(y, {
             key: 0,
             modelValue: a.value,
-            "onUpdate:modelValue": c[1] || (c[1] = (b) => a.value = b),
+            "onUpdate:modelValue": f[1] || (f[1] = (b) => a.value = b),
             density: "compact",
             "control-variant": "stacked",
             precision: s.value.precision,
@@ -1854,16 +1847,16 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, ks = { c
         d.hasDelete ? (S(), R(h, {
           key: 0,
           class: "mx-2",
-          icon: E(ge),
-          onClick: c[2] || (c[2] = K((b) => l("delete"), ["stop"]))
+          icon: E(ye),
+          onClick: f[2] || (f[2] = z((b) => l("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
 });
 function Rs(e) {
-  return { renderUiMultiTypes: (n, r, l, o, i) => r.ui !== "multiTypes" ? (console.assert(!1), _("div", "renderUiMultiTypes prop ui must be multiTypes")) : _(Bs, {
-    modelValue: ye(
+  return { renderUiMultiTypes: (n, r, l, o, i) => r.ui !== "multiTypes" ? (console.assert(!1), _("div", "renderUiMultiTypes prop ui must be multiTypes")) : _(ks, {
+    modelValue: ce(
       n,
       r,
       l,
@@ -1889,7 +1882,7 @@ function Rs(e) {
     types: r.types
   }) };
 }
-const Fs = /* @__PURE__ */ z({
+const Fs = /* @__PURE__ */ q({
   __name: "index",
   props: {
     unique: {},
@@ -1898,38 +1891,38 @@ const Fs = /* @__PURE__ */ z({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = ie(), { backgroundColor1: r } = Te(), l = e, o = t, i = B("20px"), s = B("56px"), u = B("200px"), a = Ln({}), d = B({}), c = (v, f) => {
-      Ft(d, l.config, l.object), o("change", v, f);
+    const { t: n } = ue(), { backgroundColor1: r } = Te(), l = e, o = t, i = k("20px"), s = k("56px"), u = k("200px"), a = Ln({}), d = k({}), f = (v, c) => {
+      Ft(d, l.config, l.object), o("change", v, c);
     };
-    Be(
+    ke(
       [() => l.config, () => l.object],
       () => {
-        Ft(d, l.config, l.object, (v, f) => {
-          o("change", v, f);
+        Ft(d, l.config, l.object, (v, c) => {
+          o("change", v, c);
         });
       },
       { immediate: !0 }
     );
-    const g = B(l.config);
-    Ji(g), Be(
+    const g = k(l.config);
+    Ji(g), ke(
       () => l.config,
       () => {
         g.value = l.config;
       }
     );
-    const y = B(l.object);
-    Yi(y), Be(
+    const y = k(l.object);
+    Yi(y), ke(
       () => l.object,
       () => {
         y.value = l.object;
       }
-    ), es(d), ns(c);
-    const h = B([]);
+    ), es(d), ns(f);
+    const h = k([]);
     os(h);
     const M = () => {
-      const { compGroups: v, comps: f } = Rn.app.activeApp, m = [];
+      const { compGroups: v, comps: c } = Rn.app.activeApp, m = [];
       v.forEach(({ id: p, name: $, position: C }) => {
-        const L = h.value.find((ee) => ee.id === p);
+        const L = h.value.find((Q) => Q.id === p);
         m.push({
           id: p,
           type: 0,
@@ -1937,7 +1930,7 @@ const Fs = /* @__PURE__ */ z({
           position: C,
           collapse: (L == null ? void 0 : L.collapse) ?? !0
         });
-      }), f.forEach(({ id: p, groupid: $, name: C, position: L }) => {
+      }), c.forEach(({ id: p, groupid: $, name: C, position: L }) => {
         m.push({ id: p, type: 1, name: C, position: L, group: $ });
       }), Fi(m, !0), h.value = m;
     };
@@ -1954,26 +1947,26 @@ const Fs = /* @__PURE__ */ z({
     }), jn(() => {
       w();
     });
-    const { renderProp: U } = us(d, s, u), { renderUiDummy: A } = cs(c), { renderUiStrInput: V } = ps(c), { renderUiNumInput: W } = gs(c), { renderUiSwitch: We } = _s(c), { renderUiSelect: _n } = Ts(c), { renderUiColorPicker: bn } = Es(c), { renderUiMultiTypes: $n } = Rs(c), { renderUiCompSelect: Tn } = Ls(c), Le = (v, f, m, p, $, C) => (v = sn(v), $ !== void 0 ? (v.push($), C && v.push(f.key)) : v.push(f.key), f.ui ? f.array && $ === void 0 ? An(v, f, m, p, $, C) : Cn(v, f, m, $, C) : f.array ? Sn(v, f, m, p, $, C) : wn(
+    const { renderProp: U } = us(d, s, u), { renderUiDummy: A } = cs(f), { renderUiStrInput: V } = 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 = (v, c, m, p, $, C) => (v = sn(v), $ !== void 0 ? (v.push($), C && v.push(c.key)) : v.push(c.key), c.ui ? c.array && $ === void 0 ? An(v, c, m, p, $, C) : Cn(v, c, m, $, C) : c.array ? Sn(v, c, m, p, $, C) : wn(
       v,
-      f,
+      c,
       m,
       p,
       $,
       C
-    )), Sn = (v, f, m, p, $, C) => {
-      if (f.ui)
+    )), Sn = (v, c, m, p, $, C) => {
+      if (c.ui)
         return console.assert(!1), _("div", "renderBranchArray prop ui must be invalid");
-      if (!f.array)
+      if (!c.array)
         return console.assert(!1), _("div", "renderBranchArray prop array must be valid");
       if (!p)
         return console.assert(!1), _("div", "renderBranchArray branch must be valid");
       let L;
-      $ !== void 0 && !C ? (m[$] instanceof Array || (m[$] = N(f), c(v, m[f.key])), L = m[$]) : (m[f.key] instanceof Array || (m[f.key] = N(f), c(v, m[f.key])), L = m[f.key]);
-      let ee = n(f.name);
-      p.collapse && be(d.value, v) && (ee += " *");
-      const Se = _(ke, {
-        title: ee,
+      $ !== void 0 && !C ? (m[$] instanceof Array || (m[$] = N(c), f(v, m[c.key])), L = m[$]) : (m[c.key] instanceof Array || (m[c.key] = N(c), f(v, m[c.key])), L = m[c.key]);
+      let Q = n(c.name);
+      p.collapse && be(d.value, v) && (Q += " *");
+      const Se = _(Be, {
+        title: Q,
         collapse: p.collapse,
         hasCreate: !0,
         onCollapse: (T) => {
@@ -1983,9 +1976,9 @@ const Fs = /* @__PURE__ */ z({
           _e.emit("propTreeMenu", { x: T, y: j, keys: v });
         },
         onCreate: () => {
-          L.push({}), c(v, L);
+          L.push({}), f(v, L);
         }
-      }), G = _(
+      }), H = _(
         "div",
         {
           style: {
@@ -2006,27 +1999,27 @@ const Fs = /* @__PURE__ */ z({
             const De = [...v, j], je = p.children[j];
             let vt = n("x-prop-tree.entry", { index: j });
             p.children[j].collapse && be(d.value, De) && (vt += " *");
-            const On = _(ke, {
+            const On = _(Be, {
               title: vt,
               collapse: p.children[j].collapse,
               hasDelete: !0,
               index: j,
-              onCollapse: (te) => {
+              onCollapse: (ee) => {
                 if (!tt(p.children)) {
                   console.assert(!1);
                   return;
                 }
-                p.children[j].collapse = te;
+                p.children[j].collapse = ee;
               },
-              onMenu: (te, ce) => {
-                _e.emit("propTreeMenu", { x: te, y: ce, keys: De });
+              onMenu: (ee, fe) => {
+                _e.emit("propTreeMenu", { x: ee, y: fe, keys: De });
               },
-              onDelete: (te) => {
+              onDelete: (ee) => {
                 if (!tt(p.children)) {
                   console.assert(!1);
                   return;
                 }
-                p.children.splice(te, 1), L.splice(te, 1), c(v, L);
+                p.children.splice(ee, 1), L.splice(ee, 1), f(v, L);
               }
             });
             T.push(On);
@@ -2038,26 +2031,26 @@ const Fs = /* @__PURE__ */ z({
                 }
               },
               (() => {
-                const te = [];
-                return f.children.forEach((ce) => {
+                const ee = [];
+                return c.children.forEach((fe) => {
                   if (!Rt(je.children)) {
                     console.assert(!1);
                     return;
                   }
-                  je.children[ce.key] || (je.children[ce.key] = {
+                  je.children[fe.key] || (je.children[fe.key] = {
                     collapse: !0,
-                    children: ce.array ? [] : {}
+                    children: fe.array ? [] : {}
                   });
                   const Mn = Le(
                     v,
-                    ce,
+                    fe,
                     L[j],
-                    je.children[ce.key],
+                    je.children[fe.key],
                     j,
                     !0
                   );
-                  te.push(Mn);
-                }), te;
+                  ee.push(Mn);
+                }), ee;
               })()
             );
             p.children[j].collapse || T.push(xn);
@@ -2074,30 +2067,30 @@ const Fs = /* @__PURE__ */ z({
         },
         (() => {
           const T = [];
-          return T.push(Se), p.collapse || T.push(G), T;
+          return T.push(Se), p.collapse || T.push(H), T;
         })()
       );
-    }, wn = (v, f, m, p, $, C) => {
-      if (f.ui)
+    }, wn = (v, c, m, p, $, C) => {
+      if (c.ui)
         return console.assert(!1), _("div", "renderBranchScalar prop ui must be invalid");
-      if (f.array)
+      if (c.array)
         return console.assert(!1), _("div", "renderBranchScalar prop array must be invalid");
       if (!p)
         return console.assert(!1), _("div", "renderBranchScalar branch must be valid");
-      let L = n(f.name);
+      let L = n(c.name);
       p.collapse && be(d.value, v) && (L += " *");
-      const ee = _(ke, {
+      const Q = _(Be, {
         title: L,
         collapse: p.collapse,
         hasDelete: $ !== void 0 && !C,
-        onCollapse: (G) => {
-          p.collapse = G;
+        onCollapse: (H) => {
+          p.collapse = H;
         },
-        onMenu: (G, T) => {
-          _e.emit("propTreeMenu", { x: G, y: T, keys: v });
+        onMenu: (H, T) => {
+          _e.emit("propTreeMenu", { x: H, y: T, keys: v });
         },
         onDelete: () => {
-          $ === void 0 || C || (m.splice($, 1), c(v.slice(0, -1), m));
+          $ === void 0 || C || (m.splice($, 1), f(v.slice(0, -1), m));
         }
       }), Se = _(
         "div",
@@ -2107,8 +2100,8 @@ const Fs = /* @__PURE__ */ z({
           }
         },
         (() => {
-          const G = [];
-          return f.children.forEach((T) => {
+          const H = [];
+          return c.children.forEach((T) => {
             if (!Rt(p.children)) {
               console.assert(!1);
               return;
@@ -2120,11 +2113,11 @@ const Fs = /* @__PURE__ */ z({
             const j = Le(
               v,
               T,
-              (typeof m[f.key] != "object" && (m[f.key] = {}, c(v, m[f.key])), m[f.key]),
+              (typeof m[c.key] != "object" && (m[c.key] = {}, f(v, m[c.key])), m[c.key]),
               p.children[T.key]
             );
-            G.push(j);
-          }), G;
+            H.push(j);
+          }), H;
         })()
       );
       return _(
@@ -2135,23 +2128,23 @@ const Fs = /* @__PURE__ */ z({
           }
         },
         (() => {
-          const G = [];
-          return G.push(ee), p.collapse || G.push(Se), G;
+          const H = [];
+          return H.push(Q), p.collapse || H.push(Se), H;
         })()
       );
-    }, An = (v, f, m, p, $, C) => {
-      if (!f.ui)
+    }, An = (v, c, m, p, $, C) => {
+      if (!c.ui)
         return console.assert(!1), _("div", "renderLeafArray prop ui must be valid");
-      if (!f.array)
+      if (!c.array)
         return console.assert(!1), _("div", "renderLeafArray prop array must be valid");
       if (!p)
         return console.assert(!1), _("div", "renderLeafArray branch must be valid");
       let L;
-      $ !== void 0 && !C ? (m[$] instanceof Array || (m[$] = N(f), c(v, m[$])), L = m[$]) : (m[f.key] instanceof Array || (m[f.key] = N(f), c(v, m[f.key])), L = m[f.key]);
-      let ee = n(f.name);
-      p.collapse && be(d.value, v) && (ee += " *");
-      const Se = _(ke, {
-        title: ee,
+      $ !== void 0 && !C ? (m[$] instanceof Array || (m[$] = N(c), f(v, m[$])), L = m[$]) : (m[c.key] instanceof Array || (m[c.key] = N(c), f(v, m[c.key])), L = m[c.key]);
+      let Q = n(c.name);
+      p.collapse && be(d.value, v) && (Q += " *");
+      const Se = _(Be, {
+        title: Q,
         collapse: p.collapse,
         hasCreate: !0,
         onCollapse: (T) => {
@@ -2161,9 +2154,9 @@ const Fs = /* @__PURE__ */ z({
           _e.emit("propTreeMenu", { x: T, y: j, keys: v });
         },
         onCreate: () => {
-          L.push(N(f, !0)), c(v, L);
+          L.push(N(c, !0)), f(v, L);
         }
-      }), G = _(
+      }), H = _(
         "div",
         {
           style: {
@@ -2173,7 +2166,7 @@ const Fs = /* @__PURE__ */ z({
         (() => {
           const T = [];
           for (let j = 0; j < L.length; j++) {
-            const De = Le(v, f, L, void 0, j, !1);
+            const De = Le(v, c, L, void 0, j, !1);
             T.push(De);
           }
           return T;
@@ -2188,14 +2181,14 @@ const Fs = /* @__PURE__ */ z({
         },
         (() => {
           const T = [];
-          return T.push(Se), p.collapse || T.push(G), T;
+          return T.push(Se), p.collapse || T.push(H), T;
         })()
       );
-    }, Cn = (v, f, m, p, $) => {
-      if (!f.ui)
+    }, Cn = (v, c, m, p, $) => {
+      if (!c.ui)
         return console.assert(!1), _("div", "renderLeafScalar prop ui must be valid");
       let C;
-      return f.ui === "dummy" ? C = A(v, f, m, p, $) : f.ui === "strInput" ? C = V(v, f, m, p, $) : f.ui === "numInput" ? C = W(v, f, m, p, $) : f.ui === "switch" ? C = We(v, f, m, p, $) : f.ui === "select" ? C = _n(v, f, m, p, $) : f.ui === "colorPicker" ? C = bn(v, f, m, p, $) : f.ui === "multiTypes" ? C = $n(v, f, m, p, $) : f.ui === "compSelect" ? C = Tn(v, f, m, p, $) : console.assert(!1, "renderLeafScalar not implemented"), C ? U(v, f, C) : _("div");
+      return c.ui === "dummy" ? C = A(v, c, m, p, $) : c.ui === "strInput" ? C = V(v, c, m, p, $) : c.ui === "numInput" ? C = W(v, c, m, p, $) : c.ui === "switch" ? C = We(v, c, m, p, $) : c.ui === "select" ? C = _n(v, c, m, p, $) : c.ui === "colorPicker" ? C = bn(v, c, m, p, $) : c.ui === "multiTypes" ? C = $n(v, c, m, p, $) : c.ui === "compSelect" ? C = Tn(v, c, m, p, $) : console.assert(!1, "renderLeafScalar not implemented"), C ? U(v, c, C) : _("div");
     }, Pn = () => _(
       "div",
       {
@@ -2208,22 +2201,22 @@ const Fs = /* @__PURE__ */ z({
         const v = [];
         if (l.unique && l.config.length > 0 && l.object) {
           a[l.unique] || (a[l.unique] = {});
-          const f = a[l.unique];
+          const c = a[l.unique];
           l.config.forEach((m) => {
-            f[m.key] || (f[m.key] = {
+            c[m.key] || (c[m.key] = {
               collapse: !0,
               children: !m.ui && m.array ? [] : {}
             });
-            const p = Le([], m, l.object, f[m.key]);
+            const p = Le([], m, l.object, c[m.key]);
             v.push(p);
           });
         }
         return v;
       })()
     );
-    return (v, f) => (S(), H(He, null, [
-      k(Pn),
-      k(ls, {
+    return (v, c) => (S(), F(He, null, [
+      B(Pn),
+      B(ls, {
         config: l.config,
         object: l.object,
         "prop-states": d.value