x-prop-tree 0.6.7 → 0.6.9

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 { useViewStack as at, useColor as Te, eventBus as _e, useSystem as En } from "x-essential-lib";
+import { provide as Me, inject as Ue, defineComponent as K, ref as R, computed as G, resolveComponent as O, createBlock as k, 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 at, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as q, normalizeStyle as ie, createElementVNode as z, createCommentVNode as I, renderSlot as Un, h as _, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as Kt, withKeys as Vn, mergeProps as qt, watchEffect as mt, watch as Re, reactive as Ln, onMounted as Dn, onBeforeUnmount as jn } from "vue";
+import { useI18n as ue } from "vue-i18n";
+import { useViewStack as ut, 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) {
+import { useDisplay as Rn } from "vuetify";
+import { globalState as kn } from "x-state-lib";
+var zt = typeof global == "object" && global && global.Object === Object && global, Fn = typeof self == "object" && self && self.Object === Object && self, Y = zt || Fn || Function("return this")(), se = Y.Symbol, It = Object.prototype, Hn = It.hasOwnProperty, Gn = It.toString, we = se ? se.toStringTag : void 0;
+function Kn(e) {
   var t = Hn.call(e, we), n = e[we];
   try {
     e[we] = void 0;
@@ -15,31 +15,31 @@ 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 qn = Object.prototype, zn = qn.toString;
 function In(e) {
-  return qn.call(e);
+  return zn.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) ? Kn(e) : In(e);
 }
 function de(e) {
   return e != null && typeof e == "object";
 }
 var Pe = Array.isArray;
-function qe(e) {
+function ze(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 (!ze(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 e = /[^.]+$/.exec(Ye && Ye.keys && Ye.keys.IE_PROTO || "");
+var Qe = Y["__core-js_shared__"], yt = function() {
+  var e = /[^.]+$/.exec(Qe && Qe.keys && Qe.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
 function er(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 (!ze(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 rt = me(Y, "WeakMap"), ht = Object.create, dr = /* @__PURE__ */ function() {
   function e() {
   }
   return function(t) {
-    if (!qe(t))
+    if (!ze(t))
       return {};
     if (ht)
       return ht(t);
@@ -112,13 +112,13 @@ function yr(e, t, n) {
     writable: !0
   }) : e[t] = n;
 }
-function ut(e, t) {
+function ct(e, t) {
   return e === t || e !== e && t !== t;
 }
 var hr = Object.prototype, _r = hr.hasOwnProperty;
 function br(e, t, n) {
   var r = e[t];
-  (!(_r.call(e, t) && ut(r, n)) || n === void 0 && !(t in e)) && yr(e, t, n);
+  (!(_r.call(e, t) && ct(r, n)) || n === void 0 && !(t in e)) && yr(e, t, n);
 }
 var $r = 9007199254740991;
 function Zt(e) {
@@ -149,24 +149,24 @@ 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]", Rr = "[object Number]", kr = "[object Object]", Fr = "[object RegExp]", Hr = "[object Set]", Gr = "[object String]", Kr = "[object WeakMap]", qr = "[object ArrayBuffer]", zr = "[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[qr] = x[Dr] = x[zr] = x[jr] = x[Er] = x[Nr] = x[Br] = x[Rr] = x[kr] = x[Fr] = x[Hr] = x[Gr] = x[Kr] = !1;
 function no(e) {
   return de(e) && Zt(e.length) && !!x[Ve(e)];
 }
-function ct(e) {
+function ft(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, et = ro && zt.process, $e = function() {
   try {
     var e = Ce && Ce.require && Ce.require("util").types;
-    return e || Qe && Qe.binding && Qe.binding("util");
+    return e || et && et.binding && et.binding("util");
   } catch {
   }
-}(), St = $e && $e.isTypedArray, en = St ? ct(St) : no, oo = Object.prototype, lo = oo.hasOwnProperty;
+}(), St = $e && $e.isTypedArray, en = St ? ft(St) : no, oo = Object.prototype, lo = oo.hasOwnProperty;
 function io(e, t) {
   var n = Pe(e), r = !n && Or(e), l = !n && !r && Ge(e), o = !n && !r && !l && en(e), i = n || r || l || o, s = i ? wr(e.length, String) : [], u = s.length;
   for (var a in e)
@@ -238,7 +238,7 @@ function wo() {
 }
 function Ie(e, t) {
   for (var n = e.length; n--; )
-    if (ut(e[n][0], t))
+    if (ct(e[n][0], t))
       return n;
   return -1;
 }
@@ -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()
   };
 }
@@ -321,10 +321,10 @@ function No(e, t) {
   return e;
 }
 var Bo = tn(Object.getPrototypeOf, Object);
-function ko() {
-  this.__data__ = new se(), this.size = 0;
+function Ro() {
+  this.__data__ = new le(), this.size = 0;
 }
-function Ro(e) {
+function ko(e) {
   var t = this.__data__, n = t.delete(e);
   return this.size = t.size, n;
 }
@@ -335,9 +335,9 @@ function Ho(e) {
   return this.__data__.has(e);
 }
 var Go = 200;
-function zo(e, t) {
+function Ko(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 = Ro;
+te.prototype.delete = ko;
+te.prototype.get = Fo;
+te.prototype.has = Ho;
+te.prototype.set = Ko;
+var nn = typeof exports == "object" && exports && !exports.nodeType && exports, wt = nn && typeof module == "object" && module && !module.nodeType && module, qo = wt && wt.exports === nn, At = qo ? Y.Buffer : void 0;
 At && At.allocUnsafe;
-function qo(e, t) {
+function zo(e, t) {
   return e.slice();
 }
 function Io(e, t) {
@@ -378,11 +378,11 @@ function Yo(e, t, n) {
   var r = t(e);
   return Pe(e) ? r : No(r, n(e));
 }
-function rt(e) {
+function ot(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;
-(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 lt = me(Y, "DataView"), it = me(Y, "Promise"), st = me(Y, "Set"), Pt = "[object Map]", Qo = "[object Object]", Ot = "[object Promise]", xt = "[object Set]", Mt = "[object WeakMap]", Ut = "[object DataView]", el = ve(lt), tl = ve(xe), nl = ve(it), rl = ve(st), ol = ve(rt), Z = Ve;
+(lt && Z(new lt(new ArrayBuffer(1))) != Ut || xe && Z(new xe()) != Pt || it && Z(it.resolve()) != Ot || st && Z(new st()) != xt || rt && Z(new rt()) != Mt) && (Z = function(e) {
   var t = Ve(e), n = t == Qo ? e.constructor : void 0, r = n ? ve(n) : "";
   if (r)
     switch (r) {
@@ -404,13 +404,13 @@ 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;
-function ft(e) {
+var Ke = Y.Uint8Array;
+function dt(e) {
   var t = new e.constructor(e.byteLength);
-  return new ze(t).set(new ze(e)), t;
+  return new Ke(t).set(new Ke(e)), t;
 }
 function al(e, t) {
-  var n = ft(e.buffer);
+  var n = dt(e.buffer);
   return new e.constructor(n, e.byteOffset, e.byteLength);
 }
 var ul = /\w*$/;
@@ -418,12 +418,12 @@ 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)) : {};
 }
 function dl(e, t) {
-  var n = ft(e.buffer);
+  var n = dt(e.buffer);
   return new e.constructor(n, e.byteOffset, e.length);
 }
 var pl = "[object Boolean]", vl = "[object Date]", ml = "[object Map]", gl = "[object Number]", yl = "[object RegExp]", hl = "[object Set]", _l = "[object String]", bl = "[object Symbol]", $l = "[object ArrayBuffer]", Tl = "[object DataView]", Sl = "[object Float32Array]", wl = "[object Float64Array]", Al = "[object Int8Array]", Cl = "[object Int16Array]", Pl = "[object Int32Array]", Ol = "[object Uint8Array]", xl = "[object Uint8ClampedArray]", Ml = "[object Uint16Array]", Ul = "[object Uint32Array]";
@@ -431,7 +431,7 @@ function Vl(e, t, n) {
   var r = e.constructor;
   switch (t) {
     case $l:
-      return ft(e);
+      return dt(e);
     case pl:
     case vl:
       return new r(+e);
@@ -467,26 +467,26 @@ var Dl = "[object Map]";
 function jl(e) {
   return de(e) && Z(e) == Dl;
 }
-var Dt = $e && $e.isMap, El = Dt ? ct(Dt) : jl, Nl = "[object Set]";
+var Dt = $e && $e.isMap, El = Dt ? ft(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, Rl = jt ? ft(jt) : Bl, rn = "[object Arguments]", kl = "[object Array]", Fl = "[object Boolean]", Hl = "[object Date]", Gl = "[object Error]", on = "[object Function]", Kl = "[object GeneratorFunction]", ql = "[object Map]", zl = "[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[kl] = P[Yl] = P[Ql] = P[Fl] = P[Hl] = P[ei] = P[ti] = P[ni] = P[ri] = P[oi] = P[ql] = P[zl] = 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) {
+function ke(e, t, n, r, l, o) {
   var i;
   if (i !== void 0)
     return i;
-  if (!qe(e))
+  if (!ze(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 == Kl;
     if (Ge(e))
-      return qo(e);
+      return zo(e);
     if (u == ln || u == rn || a && !l)
       i = a ? {} : Ll(e);
     else {
@@ -495,23 +495,23 @@ 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), kl(e) ? e.forEach(function(y) {
-    i.add(Re(y, t, n, y, e, o));
+  o.set(e, i), Rl(e) ? e.forEach(function(y) {
+    i.add(ke(y, t, n, y, e, o));
   }) : El(e) && e.forEach(function(y, h) {
-    i.set(h, Re(y, t, n, h, e, o));
+    i.set(h, ke(y, t, n, h, e, o));
   });
-  var c = rt, g = s ? void 0 : c(e);
+  var c = ot, g = s ? void 0 : c(e);
   return pr(g || e, function(y, h) {
-    g && (h = y, y = e[h]), br(i, h, Re(y, t, n, h, e, o));
+    g && (h = y, y = e[h]), br(i, h, ke(y, t, n, h, e, o));
   }), i;
 }
 var ui = 1, ci = 4;
 function sn(e) {
-  return Re(e, ui | ci);
+  return ke(e, ui | ci);
 }
 var fi = "__lodash_hash_undefined__";
 function di(e) {
@@ -520,13 +520,13 @@ function di(e) {
 function pi(e) {
   return this.__data__.has(e);
 }
-function Ke(e) {
+function qe(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;
+qe.prototype.add = qe.prototype.push = di;
+qe.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,7 +544,7 @@ 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;
+  var c = -1, g = !0, y = n & yi ? new qe() : void 0;
   for (o.set(e, t), o.set(t, e); ++c < s; ) {
     var h = e[c], M = t[c];
     if (r)
@@ -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, tt = Et ? Et.valueOf : void 0;
 function Li(e, t, n, r, l, o, i) {
   switch (n) {
     case Vi:
@@ -590,11 +590,11 @@ 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 Ke(e), new Ke(t)));
     case Ti:
     case Si:
     case Ci:
-      return ut(+e, +t);
+      return ct(+e, +t);
     case wi:
       return e.name == t.name && e.message == t.message;
     case Pi:
@@ -613,14 +613,14 @@ function Li(e, t, n, r, l, o, i) {
       var d = an(s(e), s(t), r, l, o, i);
       return i.delete(e), d;
     case Mi:
-      if (et)
-        return et.call(e) == et.call(t);
+      if (tt)
+        return tt.call(e) == tt.call(t);
   }
   return !1;
 }
 var Di = 1, ji = Object.prototype, Ei = ji.hasOwnProperty;
 function Ni(e, t, n, r, l, o) {
-  var i = n & Di, s = rt(e), u = s.length, a = rt(t), d = a.length;
+  var i = n & Di, s = ot(e), u = s.length, a = ot(t), d = a.length;
   if (u != d && !i)
     return !1;
   for (var c = u; c--; ) {
@@ -650,8 +650,8 @@ function Ni(e, t, n, r, l, o) {
   }
   return o.delete(e), o.delete(t), M;
 }
-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 Bi = 1, Nt = "[object Arguments]", Bt = "[object Array]", Ee = "[object Object]", Ri = Object.prototype, Rt = Ri.hasOwnProperty;
+function ki(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;
@@ -661,18 +661,18 @@ function Ri(e, t, n, r, l, o) {
     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 && Rt.call(e, "__wrapped__"), h = c && Rt.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);
+  return e === t ? !0 : e == null || t == null || !de(e) && !de(t) ? e !== e && t !== t : ki(e, t, n, r, un, l);
 }
 function Ze(e, t) {
   return un(e, t);
@@ -736,7 +736,7 @@ const Ne = (e, t) => {
     }
     n = n[r];
   }), n;
-}, Rt = (e) => !(e instanceof Array), tt = (e) => e instanceof Array, Gi = (e, t) => {
+}, kt = (e) => !(e instanceof Array), nt = (e) => e instanceof Array, Gi = (e, t) => {
   const n = (r, l) => {
     if (r.ui !== l.ui || r.array !== l.array)
       return !1;
@@ -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 = [
+}, pt = (e) => !(e instanceof Array), Je = (e) => e instanceof Array, Ki = [
   ["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(
+], qi = (e) => Ki.find((t) => Ze(e, t)), We = (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), qi(e) ? (r.change = !1, r.change) : t.ui ? t.array && r.children && Je(r.children) ? 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 ? zi(
   e,
   t,
   n,
@@ -777,12 +777,12 @@ const Ne = (e, t) => {
   l,
   o,
   i
-)), qi = (e, t, n, r, l, o, i) => {
+)), zi = (e, t, n, r, l, o, i) => {
   if (t.ui)
     return console.assert(!1, "execPropBranchArray prop ui must be invalid"), !1;
   if (!t.array)
     return console.assert(!1, "execPropBranchArray prop array must be valid"), !1;
-  if (!pt(r.children))
+  if (!r.children || !Je(r.children))
     return console.assert(!1, "execPropBranchArray state children must be array"), !1;
   let s;
   o !== void 0 && !i ? (n[o] instanceof Array || (n[o] = N(t), l == null || l(e, n[o])), s = n[o]) : (n[t.key] instanceof Array || (n[t.key] = N(t), l == null || l(e, n[t.key])), s = n[t.key]), r.change = !1;
@@ -793,14 +793,14 @@ const Ne = (e, t) => {
     });
     const a = r.children[u];
     t.children.forEach((d) => {
-      if (!dt(a.children)) {
+      if (!a.children || !pt(a.children)) {
         console.assert(!1);
         return;
       }
       a.children[d.key] = {
         change: !1,
         children: d.array ? [] : {}
-      }, Je(
+      }, We(
         e,
         d,
         s[u],
@@ -817,7 +817,7 @@ const Ne = (e, t) => {
     return console.assert(!1, "execPropBranchScalar prop ui must be invalid"), !1;
   if (t.array)
     return console.assert(!1, "execPropBranchScalar prop array must be invalid"), !1;
-  if (!dt(r.children))
+  if (!r.children || !pt(r.children))
     return console.assert(!1, "execPropBranchScalar state children must be map"), !1;
   let s;
   o !== void 0 && !i ? (n[o] || (n[o] = {}), s = n[o]) : (n[t.key] || (n[t.key] = {}), s = n[t.key]), r.change = !1;
@@ -826,7 +826,7 @@ const Ne = (e, t) => {
     r.children[a.key] = {
       change: !1,
       children: a.array ? [] : {}
-    }, Je(e, a, s, r.children[a.key], l) && (r.change = !0);
+    }, We(e, a, s, r.children[a.key], l) && (r.change = !0);
   }
   return r.change;
 }, Xi = (e, t, n, r, l, o, i) => {
@@ -834,7 +834,7 @@ const Ne = (e, t) => {
     return console.assert(!1, "execPropLeafArray prop ui must be valid"), !1;
   if (!t.array)
     return console.assert(!1, "execPropLeafArray prop aray must be valid"), !1;
-  if (!pt(r.children))
+  if (!r.children || !Je(r.children))
     return console.assert(!1, "execPropLeafArray state children must be array"), !1;
   let s;
   o !== void 0 && !i ? (n[o] instanceof Array || (n[o] = N(t), l == null || l(e, n[o])), s = n[o]) : (n[t.key] instanceof Array || (n[t.key] = N(t), l == null || l(e, n[t.key])), s = n[t.key]), r.change = !1;
@@ -842,7 +842,7 @@ const Ne = (e, t) => {
     r.children[u] = {
       change: !1,
       children: {}
-    }, Je(e, t, s, r.children[u], l, u, !1) && (r.change = !0);
+    }, We(e, t, s, r.children[u], l, u, !1) && (r.change = !0);
   return r.change || (r.change = !Ze(s, N(t))), r.change;
 }, Zi = (e, t, n, r, l) => {
   if (!e.ui)
@@ -859,14 +859,16 @@ const Ne = (e, t) => {
     l[o.key] = {
       change: !1,
       children: o.array ? [] : {}
-    }, Je([], o, n, l[o.key], r);
+    }, We([], o, n, l[o.key], r);
   }), e.value = l;
 }, be = (e, t) => {
   let n = { change: !1, children: e };
   return t.forEach((r) => {
     if (!n)
       return console.assert(!1, `isPropChanged state must be valid keys=${t}`), !1;
-    typeof r == "string" ? dt(n.children) && (n = n.children[r]) : pt(n.children) && (n = n.children[r]);
+    if (!n.children)
+      return console.assert(!1, `isPropChanged state must be valid keys=${t}`), !1;
+    typeof r == "string" ? pt(n.children) && (n = n.children[r]) : Je(n.children) && (n = n.children[r]);
   }), (n == null ? void 0 : n.change) ?? !1;
 }, fn = Symbol(), dn = Symbol(), pn = Symbol(), vn = Symbol(), mn = Symbol();
 function Ji(e) {
@@ -899,10 +901,10 @@ function os(e) {
 function gn() {
   return Ue(mn);
 }
-const ls = /* @__PURE__ */ z({
+const ls = /* @__PURE__ */ K({
   __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 = R(0), s = R(0), u = R([]), a = G(() => [i.value, s.value]), d = (b) => {
       const D = () => !(u.value.length <= 0 || !be(l.value, u.value)), w = () => {
         if (!D())
           return;
@@ -982,15 +984,15 @@ 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;
     }), h = (b) => {
       i.value = b.x, s.value = b.y, u.value = b.keys;
-    }, { open: M } = at("propTreeMenu", h);
+    }, { open: M } = ut("propTreeMenu", h);
     return (b, D) => {
       const w = O("v-list-item-title"), U = O("v-list-item"), A = O("v-list"), V = O("v-menu");
-      return S(), R(V, {
+      return S(), k(V, {
         modelValue: E(M),
         "onUpdate:modelValue": D[0] || (D[0] = (W) => Fe(M) ? M.value = W : null),
         "location-strategy": "connected",
@@ -1000,15 +1002,15 @@ const ls = /* @__PURE__ */ z({
         default: J(() => [
           B(A, null, {
             default: J(() => [
-              (S(!0), H(He, null, Ht(y.value, (W, We) => (S(), R(U, {
-                key: We,
+              (S(!0), F(He, null, Ht(y.value, (W, Ye) => (S(), k(U, {
+                key: Ye,
                 link: "",
                 onClick: W.func
               }, {
                 default: J(() => [
                   B(w, null, {
                     default: J(() => [
-                      st(re(W.title), 1)
+                      at(ne(W.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -1025,7 +1027,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__ */ K({
   __name: "title",
   props: {
     title: {},
@@ -1036,7 +1038,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 = R(!1), i = G(() => ({
       background: o.value ? r.value : n.value,
       height: "36px",
       marginBottom: "1px",
@@ -1047,12 +1049,12 @@ 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 c = 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: q(u, ["prevent"]),
         onMouseover: d[2] || (d[2] = (h) => o.value = !0),
         onMouseout: d[3] || (d[3] = (h) => o.value = !1)
       }, [
@@ -1060,33 +1062,33 @@ const Be = /* @__PURE__ */ z({
           class: "mr-1",
           icon: a.collapse ? E(hn) : E(yn)
         }, null, 8, ["icon"]),
-        q("span", null, re(a.title), 1),
+        z("span", null, ne(a.title), 1),
         B(g),
-        a.hasCreate ? (S(), R(c, {
+        a.hasCreate ? (S(), k(c, {
           key: 0,
           class: "mx-3",
           icon: E(ss),
-          onClick: d[0] || (d[0] = K((h) => l("create"), ["stop"]))
+          onClick: d[0] || (d[0] = q((h) => l("create"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0),
-        a.hasDelete ? (S(), R(c, {
+        a.hasDelete ? (S(), k(c, {
           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] = q((h) => l("delete", a.index), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ], 36)), [
         [y]
       ]);
     };
   }
-}), as = /* @__PURE__ */ z({
+}), as = /* @__PURE__ */ K({
   __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 = R(!1), i = G(() => ({
       background: o.value ? r.value : n.value,
       minHeight: e.minHeight,
       paddingRight: "4px",
@@ -1096,11 +1098,11 @@ 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"]),
+        style: ie(i.value),
+        onContextmenu: q(s, ["prevent"]),
         onMouseover: a[0] || (a[0] = (c) => o.value = !0),
         onMouseout: a[1] || (a[1] = (c) => o.value = !1)
       }, [
@@ -1112,19 +1114,20 @@ 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 += " *"), _(
+    const u = o.at(-1);
+    let d = typeof u == "number" ? `[${u + 1}]` : r(i.name);
+    return be(e.value, o) && (d += " *"), _(
       as,
       {
         minHeight: t.value,
-        onMenu: (a, d) => {
-          _e.emit("propTreeMenu", { x: a, y: d, keys: o });
+        onMenu: (c, g) => {
+          _e.emit("propTreeMenu", { x: c, y: g, keys: o });
         }
       },
       () => [
-        _("span", { class: "ml-1", innerHTML: u }),
+        _("span", { class: "ml-1", innerHTML: d }),
         _("div", { style: { width: n.value } }, s)
       ]
     );
@@ -1156,22 +1159,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__ */ K({
   __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",
@@ -1186,11 +1189,11 @@ const fs = { class: "d-flex justify-space-between align-center" }, ds = /* @__PU
             { stop: !0 }
           ]
         ]),
-        l.hasDelete ? (S(), R(s, {
+        l.hasDelete ? (S(), k(s, {
           key: 0,
           class: "mx-2",
           icon: E(ye),
-          onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
+          onClick: o[1] || (o[1] = q((a) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1224,7 +1227,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__ */ K({
   __name: "numInput",
   props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
@@ -1235,16 +1238,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",
@@ -1264,11 +1267,11 @@ const vs = { class: "d-flex justify-space-between align-center" }, ms = /* @__PU
             { stop: !0 }
           ]
         ]),
-        l.hasDelete ? (S(), R(s, {
+        l.hasDelete ? (S(), k(s, {
           key: 0,
           class: "mx-2",
           icon: E(ye),
-          onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
+          onClick: o[1] || (o[1] = q((a) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1302,46 +1305,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__ */ K({
   __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(), k(s, {
           key: 0,
           class: "mx-2",
           icon: E(ye),
-          onClick: s[1] || (s[1] = K((c) => l("delete"), ["stop"]))
+          onClick: o[1] || (o[1] = q((u) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
@@ -1375,23 +1367,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__ */ K({
   __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",
@@ -1407,18 +1399,18 @@ const bs = { class: "d-flex justify-space-between align-center" }, $s = /* @__PU
             { stop: !0 }
           ]
         ]),
-        l.hasDelete ? (S(), R(s, {
+        l.hasDelete ? (S(), k(s, {
           key: 0,
           class: "mx-2",
           icon: E(ye),
-          onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
+          onClick: o[1] || (o[1] = q((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 +1447,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__ */ K({
   __name: "group",
   props: {
     id: {},
@@ -1465,17 +1457,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 = R(!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"), c = 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 +1476,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)
+        z("span", Ss, ne(l.title), 1),
+        z("span", ws, ne(l.count), 1)
       ], 36)), [
         [c]
       ]);
     };
   }
-}), Cs = { class: "text-subtitle-1 ml-6" }, Ps = /* @__PURE__ */ z({
+}), Cs = { class: "text-subtitle-1 ml-6" }, Ps = /* @__PURE__ */ K({
   __name: "item",
   props: {
     id: {},
@@ -1499,22 +1491,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 = R(!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),
+        style: ie(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)
       }, [
-        q("span", Cs, re(l.title), 1)
+        z("span", Cs, ne(l.title), 1)
       ], 36)), [
         [d]
       ]);
@@ -1523,7 +1515,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__ */ K({
   __name: "index",
   props: {
     modelValue: {},
@@ -1533,17 +1525,17 @@ 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, {
+        a.type === 0 ? (S(), k(As, {
           key: 0,
           id: a.id,
           title: a.name,
@@ -1551,16 +1543,16 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
           count: a.count ?? 0,
           onXClick: o
         }, null, 8, ["id", "title", "collapse", "count"])) : I("", !0),
-        a.type === 1 && a.show ? (S(), R(Ps, {
+        a.type === 1 && a.show ? (S(), k(Ps, {
           key: 1,
           id: a.id,
           title: a.name,
           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__ */ K({
   __name: "index",
   props: {
     modelValue: {},
@@ -1568,62 +1560,62 @@ 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 = Rn(), { 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(() => {
+    }), { open: c } = ut(`propTreeCompSelectDlg${Gt()}`);
+    return Kt(() => {
       c.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, {
+      return S(), k(D, {
         modelValue: E(c),
         "onUpdate:modelValue": y[5] || (y[5] = (w) => Fe(c) ? c.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(q((w) => c.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: J(({ props: w }) => [
-          B(h, Kt(w, {
+          B(h, qt(w, {
             density: "comfortable",
             block: ""
           }), {
             default: J(() => [
-              st(re(d.value), 1)
+              at(ne(d.value), 1)
             ]),
             _: 2
           }, 1040)
         ]),
         default: J(() => [
-          q("div", {
+          z("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] = q((w) => c.value = !1, ["self"])),
+            onContextmenu: y[4] || (y[4] = q((w) => c.value = !1, ["self", "prevent"]))
           }, [
-            q("div", {
+            z("div", {
               class: "elevation-2",
-              style: ae(s.value)
+              style: ie(s.value)
             }, [
-              E(r) ? (S(), R(M, {
+              E(r) ? (S(), k(M, {
                 key: 0,
                 color: "transparent",
                 height: 24
@@ -1638,13 +1630,13 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
                     icon: E(is),
                     onClick: y[0] || (y[0] = (w) => c.value = !1)
                   }, null, 8, ["icon"]),
-                  q("span", Us, re(E(t)("x-prop-tree.dlg.compSelect.title")), 1)
+                  z("span", Us, ne(E(t)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
                 _: 1
               }),
-              q("div", {
+              z("div", {
                 class: "overflow-y-auto",
-                style: ae(u.value)
+                style: ie(u.value)
               }, [
                 B(Ms, {
                   modelValue: o.value,
@@ -1652,8 +1644,8 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
                   open: E(c),
                   "onUpdate:open": y[2] || (y[2] = (w) => Fe(c) ? c.value = w : null)
                 }, null, 8, ["modelValue", "open"]),
-                q("div", {
-                  style: ae(a.value)
+                z("div", {
+                  style: ie(a.value)
                 }, null, 4)
               ], 4)
             ], 4)
@@ -1687,7 +1679,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__ */ K({
   __name: "colorPicker",
   props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
@@ -1698,45 +1690,45 @@ 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 } = ut(`propTreeColorPickerMenu${Gt()}`);
+    return Kt(() => {
       s.value = !1;
     }), (u, a) => {
       const d = O("v-btn"), c = O("v-icon"), g = O("v-color-picker"), y = O("v-menu");
-      return S(), R(y, {
+      return S(), k(y, {
         modelValue: E(s),
         "onUpdate:modelValue": a[2] || (a[2] = (h) => Fe(s) ? s.value = h : null),
         "close-on-content-click": !1,
         scrim: "transparent"
       }, {
         activator: J(({ props: h }) => [
-          q("div", Ds, [
-            q("div", {
+          z("div", Ds, [
+            z("div", {
               class: "flex-grow-1",
-              style: ae(o.value)
+              style: ie(o.value)
             }, [
-              B(d, Kt(h, {
+              B(d, qt(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)
+                  at(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(), k(c, {
               key: 0,
               class: "mx-2",
               icon: E(ye),
-              onClick: a[0] || (a[0] = K((M) => l("delete"), ["stop"]))
+              onClick: a[0] || (a[0] = q((M) => l("delete"), ["stop"]))
             }, null, 8, ["icon"])) : I("", !0)
           ])
         ]),
@@ -1782,7 +1774,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" }, Rs = /* @__PURE__ */ K({
   __name: "multiTypes",
   props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
@@ -1793,7 +1785,7 @@ 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 = R(0), i = G(() => {
       const d = [];
       return e.types.forEach(({ name: c }, g) => {
         d.push({
@@ -1805,18 +1797,18 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, Bs = { c
     mt(() => {
       e.types.some((d, c) => d.validator(r.value) ? (o.value = c, !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);
+    }, a = R(0);
     return mt(() => {
       s.value.ui === "pixelInput" ? a.value = Nn(r.value) : s.value.ui === "percentInput" && (a.value = Bn(r.value));
-    }), ke(a, (d) => {
+    }), Re(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, {
+      const g = O("v-select"), y = O("v-number-input"), h = O("v-icon"), M = ae("ripple");
+      return S(), F("div", Ns, [
+        z("div", Bs, [
+          re(B(g, {
             modelValue: o.value,
             "onUpdate:modelValue": [
               c[0] || (c[0] = (b) => o.value = b),
@@ -1834,7 +1826,7 @@ 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(), k(y, {
             key: 0,
             modelValue: a.value,
             "onUpdate:modelValue": c[1] || (c[1] = (b) => a.value = b),
@@ -1855,18 +1847,18 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, Bs = { c
             ]
           ]) : I("", !0)
         ]),
-        d.hasDelete ? (S(), R(h, {
+        d.hasDelete ? (S(), k(h, {
           key: 0,
           class: "mx-2",
           icon: E(ye),
-          onClick: c[2] || (c[2] = K((b) => l("delete"), ["stop"]))
+          onClick: c[2] || (c[2] = q((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")) : _(ks, {
+function ks(e) {
+  return { renderUiMultiTypes: (n, r, l, o, i) => r.ui !== "multiTypes" ? (console.assert(!1), _("div", "renderUiMultiTypes prop ui must be multiTypes")) : _(Rs, {
     modelValue: ce(
       n,
       r,
@@ -1893,7 +1885,7 @@ function Rs(e) {
     types: r.types
   }) };
 }
-const Fs = /* @__PURE__ */ z({
+const Fs = /* @__PURE__ */ K({
   __name: "index",
   props: {
     unique: {},
@@ -1902,10 +1894,10 @@ 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) => {
+    const { t: n } = ue(), { backgroundColor1: r } = Te(), l = e, o = t, i = R("20px"), s = R("56px"), u = R("200px"), a = Ln({}), d = R({}), c = (v, f) => {
       Ft(d, l.config, l.object), o("change", v, f);
     };
-    ke(
+    Re(
       [() => l.config, () => l.object],
       () => {
         Ft(d, l.config, l.object, (v, f) => {
@@ -1914,26 +1906,26 @@ const Fs = /* @__PURE__ */ z({
       },
       { immediate: !0 }
     );
-    const g = k(l.config);
-    Ji(g), ke(
+    const g = R(l.config);
+    Ji(g), Re(
       () => l.config,
       () => {
         g.value = l.config;
       }
     );
-    const y = k(l.object);
-    Yi(y), ke(
+    const y = R(l.object);
+    Yi(y), Re(
       () => l.object,
       () => {
         y.value = l.object;
       }
     ), es(d), ns(c);
-    const h = k([]);
+    const h = R([]);
     os(h);
     const M = () => {
-      const { compGroups: v, comps: f } = Rn.app.activeApp, m = [];
+      const { compGroups: v, comps: f } = kn.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,
@@ -1958,7 +1950,7 @@ 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(c), { renderUiStrInput: V } = ps(c), { renderUiNumInput: W } = gs(c), { renderUiSwitch: Ye } = _s(c), { renderUiSelect: _n } = Ts(c), { renderUiColorPicker: bn } = Es(c), { renderUiMultiTypes: $n } = ks(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 && p ? An(v, f, m, p, $, C) : Cn(v, f, m, $, C) : f.array ? Sn(v, f, m, p, $, C) : wn(
       v,
       f,
       m,
@@ -1974,10 +1966,10 @@ const Fs = /* @__PURE__ */ z({
         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 += " *");
+      let Q = n(f.name);
+      p.collapse && be(d.value, v) && (Q += " *");
       const Se = _(Be, {
-        title: ee,
+        title: Q,
         collapse: p.collapse,
         hasCreate: !0,
         onCollapse: (T) => {
@@ -1989,7 +1981,7 @@ const Fs = /* @__PURE__ */ z({
         onCreate: () => {
           L.push({}), c(v, L);
         }
-      }), G = _(
+      }), H = _(
         "div",
         {
           style: {
@@ -1999,7 +1991,7 @@ const Fs = /* @__PURE__ */ z({
         (() => {
           const T = [];
           for (let j = 0; j < L.length; j++) {
-            if (!tt(p.children)) {
+            if (!nt(p.children)) {
               console.assert(!1);
               break;
             }
@@ -2008,29 +2000,29 @@ const Fs = /* @__PURE__ */ z({
               children: {}
             });
             const De = [...v, j], je = p.children[j];
-            let vt = n("x-prop-tree.entry", { index: j });
+            let vt = `[${j + 1}]`;
             p.children[j].collapse && be(d.value, De) && (vt += " *");
             const On = _(Be, {
               title: vt,
               collapse: p.children[j].collapse,
               hasDelete: !0,
               index: j,
-              onCollapse: (te) => {
-                if (!tt(p.children)) {
+              onCollapse: (ee) => {
+                if (!nt(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) => {
-                if (!tt(p.children)) {
+              onDelete: (ee) => {
+                if (!nt(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), c(v, L);
               }
             });
             T.push(On);
@@ -2042,9 +2034,9 @@ const Fs = /* @__PURE__ */ z({
                 }
               },
               (() => {
-                const te = [];
+                const ee = [];
                 return f.children.forEach((fe) => {
-                  if (!Rt(je.children)) {
+                  if (!kt(je.children)) {
                     console.assert(!1);
                     return;
                   }
@@ -2060,8 +2052,8 @@ const Fs = /* @__PURE__ */ z({
                     j,
                     !0
                   );
-                  te.push(Mn);
-                }), te;
+                  ee.push(Mn);
+                }), ee;
               })()
             );
             p.children[j].collapse || T.push(xn);
@@ -2078,7 +2070,7 @@ 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) => {
@@ -2090,15 +2082,15 @@ const Fs = /* @__PURE__ */ z({
         return console.assert(!1), _("div", "renderBranchScalar branch must be valid");
       let L = n(f.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));
@@ -2111,9 +2103,9 @@ const Fs = /* @__PURE__ */ z({
           }
         },
         (() => {
-          const G = [];
+          const H = [];
           return f.children.forEach((T) => {
-            if (!Rt(p.children)) {
+            if (!kt(p.children)) {
               console.assert(!1);
               return;
             }
@@ -2127,8 +2119,8 @@ const Fs = /* @__PURE__ */ z({
               (typeof m[f.key] != "object" && (m[f.key] = {}, c(v, m[f.key])), m[f.key]),
               p.children[T.key]
             );
-            G.push(j);
-          }), G;
+            H.push(j);
+          }), H;
         })()
       );
       return _(
@@ -2139,8 +2131,8 @@ 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) => {
@@ -2152,10 +2144,10 @@ const Fs = /* @__PURE__ */ z({
         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 += " *");
+      let Q = n(f.name);
+      p.collapse && be(d.value, v) && (Q += " *");
       const Se = _(Be, {
-        title: ee,
+        title: Q,
         collapse: p.collapse,
         hasCreate: !0,
         onCollapse: (T) => {
@@ -2167,7 +2159,7 @@ const Fs = /* @__PURE__ */ z({
         onCreate: () => {
           L.push(N(f, !0)), c(v, L);
         }
-      }), G = _(
+      }), H = _(
         "div",
         {
           style: {
@@ -2192,14 +2184,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)
         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 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 = Ye(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");
     }, Pn = () => _(
       "div",
       {
@@ -2225,7 +2217,7 @@ const Fs = /* @__PURE__ */ z({
         return v;
       })()
     );
-    return (v, f) => (S(), H(He, null, [
+    return (v, f) => (S(), F(He, null, [
       B(Pn),
       B(ls, {
         config: l.config,
@@ -2250,7 +2242,7 @@ const Fs = /* @__PURE__ */ z({
   });
 };
 async function Js(e) {
-  return (await Gs(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en-nonohi4u.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans-gdfh4wwz.js") }), `./locales/${e}/index.ts`, 4)).default;
+  return (await Gs(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en-g2bvdvq4.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans-enket0x3.js") }), `./locales/${e}/index.ts`, 4)).default;
 }
 const Ws = { install: Hs };
 export {