x-prop-tree 0.6.7 → 0.6.8

package/dist/index.js

@@ -1,11 +1,11 @@
-import { provide as Me, inject as Ue, defineComponent as z, ref as k, computed as F, resolveComponent as O, createBlock as R, 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 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 ke, 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 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 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 : "";
 }();
@@ -63,7 +63,7 @@ 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(ve(e));
@@ -75,11 +75,11 @@ function me(e, t) {
   var n = fr(e, t);
   return cr(n) ? n : void 0;
 }
-var nt = me(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);
@@ -149,9 +149,9 @@ var Wt = Object.prototype, Cr = Wt.hasOwnProperty, Pr = Wt.propertyIsEnumerable,
 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]", Br = "[object Map]", kr = "[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[Br] = x[kr] = 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 de(e) && Zt(e.length) && !!x[Ve(e)];
 }
@@ -160,7 +160,7 @@ function ct(e) {
     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");
@@ -261,23 +261,23 @@ 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 = me(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 pe(),
-    map: new (xe || se)(),
+    map: new (xe || le)(),
     string: new pe()
   };
 }
@@ -322,7 +322,7 @@ function No(e, t) {
 }
 var Bo = tn(Object.getPrototypeOf, Object);
 function ko() {
-  this.__data__ = new se(), this.size = 0;
+  this.__data__ = new le(), this.size = 0;
 }
 function Ro(e) {
   var t = this.__data__, n = t.delete(e);
@@ -335,9 +335,9 @@ 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;
@@ -345,18 +345,18 @@ function zo(e, t) {
   }
   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 = ko;
-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,7 +381,7 @@ function Yo(e, t, n) {
 function rt(e) {
   return Yo(e, fo, Wo);
 }
-var ot = me(Q, "DataView"), lt = me(Q, "Promise"), it = me(Q, "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;
+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 ? ve(n) : "";
   if (r)
@@ -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)) : {};
 }
@@ -471,22 +471,22 @@ var Dt = $e && $e.isMap, El = Dt ? ct(Dt) : jl, Nl = "[object Set]";
 function Bl(e) {
   return de(e) && Z(e) == Nl;
 }
-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]", 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,7 +495,7 @@ 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;
@@ -504,7 +504,7 @@ function Re(e, t, n, r, l, 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 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);
@@ -654,22 +654,22 @@ var Bi = 1, Nt = "[object Arguments]", Bt = "[object Array]", Ee = "[object Obje
 function Ri(e, t, n, r, l, o) {
   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);
+    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 = c && kt.call(t, "__wrapped__");
+    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 || !de(e) && !de(t) ? e !== e && t !== t : Ri(e, t, n, r, un, l);
@@ -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 = k(0), s = k(0), u = k([]), 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);
@@ -1000,7 +1000,7 @@ const ls = /* @__PURE__ */ z({
         default: J(() => [
           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
@@ -1008,7 +1008,7 @@ const ls = /* @__PURE__ */ z({
                 default: J(() => [
                   B(w, null, {
                     default: J(() => [
-                      st(re(W.title), 1)
+                      st(ne(W.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -1025,7 +1025,7 @@ const ls = /* @__PURE__ */ z({
   }
 });
 var yn = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", hn = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", is = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", ye = "M19,13H5V11H19V13Z", ss = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
-const Be = /* @__PURE__ */ z({
+const Be = /* @__PURE__ */ q({
   __name: "title",
   props: {
     title: {},
@@ -1036,7 +1036,7 @@ const Be = /* @__PURE__ */ z({
   },
   emits: ["collapse", "menu", "create", "delete"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = k(!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 Be = /* @__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)
       }, [
-        B(c, {
+        B(f, {
           class: "mr-1",
           icon: a.collapse ? E(hn) : E(yn)
         }, null, 8, ["icon"]),
-        q("span", null, re(a.title), 1),
+        K("span", null, ne(a.title), 1),
         B(g),
-        a.hasCreate ? (S(), R(c, {
+        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(ye),
-          onClick: d[1] || (d[1] = K((h) => l("delete", a.index), ["stop"]))
+          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 = k(!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 Be = /* @__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 Be = /* @__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 += " *"), _(
@@ -1156,22 +1156,22 @@ function cs(e) {
     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(B(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",
@@ -1190,7 +1190,7 @@ const fs = { class: "d-flex justify-space-between align-center" }, ds = /* @__PU
           key: 0,
           class: "mx-2",
           icon: E(ye),
-          onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
+          onClick: o[1] || (o[1] = z((a) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1224,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 },
@@ -1235,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(B(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",
@@ -1268,7 +1268,7 @@ const vs = { class: "d-flex justify-space-between align-center" }, ms = /* @__PU
           key: 0,
           class: "mx-2",
           icon: E(ye),
-          onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
+          onClick: o[1] || (o[1] = z((a) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1302,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(B(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(ye),
-          onClick: s[1] || (s[1] = K((c) => l("delete"), ["stop"]))
+          onClick: o[1] || (o[1] = z((u) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1375,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(B(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",
@@ -1411,14 +1400,14 @@ const bs = { class: "d-flex justify-space-between align-center" }, $s = /* @__PU
           key: 0,
           class: "mx-2",
           icon: E(ye),
-          onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
+          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: ce(
       r,
@@ -1455,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: {},
@@ -1465,17 +1454,17 @@ 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 = k(!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)
@@ -1484,14 +1473,14 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
           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: {},
@@ -1499,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 = k(!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]
       ]);
@@ -1523,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: {},
@@ -1533,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, {
@@ -1558,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: {},
@@ -1568,60 +1557,60 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const { t } = ie(), n = kn(), { 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 }) => [
-          B(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,
@@ -1636,24 +1625,24 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
                 default: J(() => [
                   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)
               }, [
                 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)
@@ -1687,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 },
@@ -1698,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),
@@ -1715,28 +1704,28 @@ 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)
             }, [
-              B(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(ye),
-              onClick: a[0] || (a[0] = K((M) => l("delete"), ["stop"]))
+              onClick: a[0] || (a[0] = z((M) => l("delete"), ["stop"]))
             }, null, 8, ["icon"])) : I("", !0)
           ])
         ]),
@@ -1782,7 +1771,7 @@ function Es(e) {
     readonly: r.readonly
   }) };
 }
-const Ns = { class: "d-flex justify-space-between align-center my-2" }, Bs = { class: "flex-grow-1" }, ks = /* @__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 },
@@ -1793,33 +1782,33 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, Bs = { c
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const { t: n } = ie(), r = oe(e, "modelValue"), l = t, o = k(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 = k(0);
     return mt(() => {
       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", Bs, [
-          Y(B(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",
@@ -1834,10 +1823,10 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, Bs = { 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,
@@ -1859,7 +1848,7 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, Bs = { c
           key: 0,
           class: "mx-2",
           icon: E(ye),
-          onClick: c[2] || (c[2] = K((b) => l("delete"), ["stop"]))
+          onClick: f[2] || (f[2] = z((b) => l("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1893,7 +1882,7 @@ function Rs(e) {
     types: r.types
   }) };
 }
-const Fs = /* @__PURE__ */ z({
+const Fs = /* @__PURE__ */ q({
   __name: "index",
   props: {
     unique: {},
@@ -1902,14 +1891,14 @@ const Fs = /* @__PURE__ */ z({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = ie(), { backgroundColor1: r } = Te(), l = e, o = t, i = k("20px"), s = k("56px"), u = k("200px"), a = Ln({}), d = k({}), 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);
     };
     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 }
@@ -1927,13 +1916,13 @@ const Fs = /* @__PURE__ */ z({
       () => {
         y.value = l.object;
       }
-    ), es(d), ns(c);
+    ), 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,
@@ -1941,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;
     };
@@ -1958,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 += " *");
+      $ !== 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: ee,
+        title: Q,
         collapse: p.collapse,
         hasCreate: !0,
         onCollapse: (T) => {
@@ -1987,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: {
@@ -2015,22 +2004,22 @@ const Fs = /* @__PURE__ */ z({
               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, fe) => {
-                _e.emit("propTreeMenu", { x: te, y: fe, 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);
@@ -2042,8 +2031,8 @@ const Fs = /* @__PURE__ */ z({
                 }
               },
               (() => {
-                const te = [];
-                return f.children.forEach((fe) => {
+                const ee = [];
+                return c.children.forEach((fe) => {
                   if (!Rt(je.children)) {
                     console.assert(!1);
                     return;
@@ -2060,8 +2049,8 @@ const Fs = /* @__PURE__ */ z({
                     j,
                     !0
                   );
-                  te.push(Mn);
-                }), te;
+                  ee.push(Mn);
+                }), ee;
               })()
             );
             p.children[j].collapse || T.push(xn);
@@ -2078,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 = _(Be, {
+      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",
@@ -2111,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;
@@ -2124,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 _(
@@ -2139,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 += " *");
+      $ !== 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: ee,
+        title: Q,
         collapse: p.collapse,
         hasCreate: !0,
         onCollapse: (T) => {
@@ -2165,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: {
@@ -2177,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;
@@ -2192,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",
       {
@@ -2212,20 +2201,20 @@ 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, [
+    return (v, c) => (S(), F(He, null, [
       B(Pn),
       B(ls, {
         config: l.config,