x-prop-tree 0.5.8 → 0.5.9

package/dist/index.js

@@ -1,50 +1,50 @@
-import { defineComponent as H, ref as R, computed as Y, resolveDirective as fe, withDirectives as k, openBlock as C, createElementBlock as W, normalizeStyle as Ie, withModifiers as j, renderSlot as Tn, resolveComponent as P, createBlock as U, unref as N, isRef as xt, withCtx as K, createVNode as M, Fragment as Nt, renderList as $n, createTextVNode as Je, toDisplayString as xe, createElementVNode as Ee, createCommentVNode as Z, mergeModels as F, useModel as de, mergeProps as Ft, watch as qe, watchEffect as bn, reactive as An, h as _ } from "vue";
-import { useI18n as Qe } from "vue-i18n";
-import { useColor as ke, eventBus as Bt, useViewStack as Rt } from "x-essential-lib";
-import { getPropDefault as L, parsePixelStr as wn, parsePercentStr as Sn } from "x-runtime-lib";
-var Ht = typeof global == "object" && global && global.Object === Object && global, Pn = typeof self == "object" && self && self.Object === Object && self, G = Ht || Pn || Function("return this")(), J = G.Symbol, jt = Object.prototype, On = jt.hasOwnProperty, Cn = jt.toString, me = J ? J.toStringTag : void 0;
-function Vn(e) {
-  var t = On.call(e, me), n = e[me];
+import { defineComponent as H, ref as R, computed as X, resolveComponent as P, openBlock as O, createBlock as L, unref as N, isRef as xt, withCtx as K, createVNode as M, createElementBlock as Z, Fragment as Nt, renderList as Tn, createTextVNode as Je, toDisplayString as Ne, resolveDirective as ue, withDirectives as ee, normalizeStyle as Qe, withModifiers as j, createElementVNode as De, createCommentVNode as Y, renderSlot as $n, h as g, mergeModels as F, useModel as ce, mergeProps as Ft, watch as Ke, watchEffect as bn, reactive as An } from "vue";
+import { useI18n as $e } from "vue-i18n";
+import { useViewStack as Bt, useColor as ke, eventBus as Rt } from "x-essential-lib";
+import { getPropDefault as E, parsePixelStr as wn, parsePercentStr as Sn } from "x-runtime-lib";
+var Ht = typeof global == "object" && global && global.Object === Object && global, Pn = typeof self == "object" && self && self.Object === Object && self, G = Ht || Pn || Function("return this")(), J = G.Symbol, jt = Object.prototype, On = jt.hasOwnProperty, Cn = jt.toString, ve = J ? J.toStringTag : void 0;
+function Un(e) {
+  var t = On.call(e, ve), n = e[ve];
   try {
-    e[me] = void 0;
+    e[ve] = void 0;
     var r = !0;
   } catch {
   }
-  var s = Cn.call(e);
-  return r && (t ? e[me] = n : delete e[me]), s;
+  var l = Cn.call(e);
+  return r && (t ? e[ve] = n : delete e[ve]), l;
 }
-var En = Object.prototype, Dn = En.toString;
-function Ln(e) {
+var Vn = Object.prototype, Dn = Vn.toString;
+function En(e) {
   return Dn.call(e);
 }
-var Mn = "[object Null]", Un = "[object Undefined]", st = J ? J.toStringTag : void 0;
-function Te(e) {
-  return e == null ? e === void 0 ? Un : Mn : st && st in Object(e) ? Vn(e) : Ln(e);
+var Mn = "[object Null]", Ln = "[object Undefined]", ot = J ? J.toStringTag : void 0;
+function be(e) {
+  return e == null ? e === void 0 ? Ln : Mn : ot && ot in Object(e) ? Un(e) : En(e);
 }
-function ee(e) {
+function te(e) {
   return e != null && typeof e == "object";
 }
-var ye = Array.isArray;
-function $e(e) {
+var _e = Array.isArray;
+function Ae(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
 }
 var xn = "[object AsyncFunction]", Nn = "[object Function]", Fn = "[object GeneratorFunction]", Bn = "[object Proxy]";
 function Gt(e) {
-  if (!$e(e))
+  if (!Ae(e))
     return !1;
-  var t = Te(e);
+  var t = be(e);
   return t == Nn || t == Fn || t == xn || t == Bn;
 }
-var je = G["__core-js_shared__"], ut = function() {
-  var e = /[^.]+$/.exec(je && je.keys && je.keys.IE_PROTO || "");
+var Ge = G["__core-js_shared__"], ut = function() {
+  var e = /[^.]+$/.exec(Ge && Ge.keys && Ge.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
 function Rn(e) {
   return !!ut && ut in e;
 }
 var Hn = Function.prototype, jn = Hn.toString;
-function ne(e) {
+function re(e) {
   if (e != null) {
     try {
       return jn.call(e);
@@ -57,27 +57,27 @@ function ne(e) {
   }
   return "";
 }
-var Gn = /[\\^$.*+?()[\]{}|]/g, zn = /^\[object .+?Constructor\]$/, qn = Function.prototype, Kn = Object.prototype, Xn = qn.toString, Yn = Kn.hasOwnProperty, Zn = RegExp(
-  "^" + Xn.call(Yn).replace(Gn, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+var Gn = /[\\^$.*+?()[\]{}|]/g, zn = /^\[object .+?Constructor\]$/, qn = Function.prototype, Kn = Object.prototype, In = qn.toString, Xn = Kn.hasOwnProperty, Yn = RegExp(
+  "^" + In.call(Xn).replace(Gn, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
-function Wn(e) {
-  if (!$e(e) || Rn(e))
+function Zn(e) {
+  if (!Ae(e) || Rn(e))
     return !1;
-  var t = Gt(e) ? Zn : zn;
-  return t.test(ne(e));
+  var t = Gt(e) ? Yn : zn;
+  return t.test(re(e));
 }
-function In(e, t) {
+function Wn(e, t) {
   return e == null ? void 0 : e[t];
 }
-function re(e, t) {
-  var n = In(e, t);
-  return Wn(n) ? n : void 0;
+function ie(e, t) {
+  var n = Wn(e, t);
+  return Zn(n) ? n : void 0;
 }
-var Ke = re(G, "WeakMap"), ct = Object.create, Jn = /* @__PURE__ */ function() {
+var Ie = ie(G, "WeakMap"), ct = Object.create, Jn = /* @__PURE__ */ function() {
   function e() {
   }
   return function(t) {
-    if (!$e(t))
+    if (!Ae(t))
       return {};
     if (ct)
       return ct(t);
@@ -94,7 +94,7 @@ function Qn(e, t) {
 }
 var ft = function() {
   try {
-    var e = re(Object, "defineProperty");
+    var e = ie(Object, "defineProperty");
     return e({}, "", {}), e;
   } catch {
   }
@@ -125,12 +125,12 @@ function qt(e, t, n) {
   var r = e[t];
   (!(ir.call(e, t) && et(r, n)) || n === void 0 && !(t in e)) && zt(e, t, n);
 }
-function Ne(e, t, n, r) {
-  var s = !n;
+function Fe(e, t, n, r) {
+  var l = !n;
   n || (n = {});
-  for (var l = -1, d = t.length; ++l < d; ) {
-    var f = t[l], p = void 0;
-    p === void 0 && (p = e[f]), s ? zt(n, f, p) : qt(n, f, p);
+  for (var i = -1, a = t.length; ++i < a; ) {
+    var s = t[i], o = void 0;
+    o === void 0 && (o = e[s]), l ? zt(n, s, o) : qt(n, s, o);
   }
   return n;
 }
@@ -138,7 +138,7 @@ var lr = 9007199254740991;
 function Kt(e) {
   return typeof e == "number" && e > -1 && e % 1 == 0 && e <= lr;
 }
-function Xt(e) {
+function It(e) {
   return e != null && Kt(e.length) && !Gt(e);
 }
 var ar = Object.prototype;
@@ -146,50 +146,50 @@ function tt(e) {
   var t = e && e.constructor, n = typeof t == "function" && t.prototype || ar;
   return e === n;
 }
-function or(e, t) {
+function sr(e, t) {
   for (var n = -1, r = Array(e); ++n < e; )
     r[n] = t(n);
   return r;
 }
-var sr = "[object Arguments]";
+var or = "[object Arguments]";
 function dt(e) {
-  return ee(e) && Te(e) == sr;
+  return te(e) && be(e) == or;
 }
-var Yt = Object.prototype, ur = Yt.hasOwnProperty, cr = Yt.propertyIsEnumerable, fr = dt(/* @__PURE__ */ function() {
+var Xt = Object.prototype, ur = Xt.hasOwnProperty, cr = Xt.propertyIsEnumerable, fr = dt(/* @__PURE__ */ function() {
   return arguments;
 }()) ? dt : function(e) {
-  return ee(e) && ur.call(e, "callee") && !cr.call(e, "callee");
+  return te(e) && ur.call(e, "callee") && !cr.call(e, "callee");
 };
 function dr() {
   return !1;
 }
-var Zt = typeof exports == "object" && exports && !exports.nodeType && exports, pt = Zt && typeof module == "object" && module && !module.nodeType && module, pr = pt && pt.exports === Zt, vt = pr ? G.Buffer : void 0, vr = vt ? vt.isBuffer : void 0, De = vr || dr, mr = "[object Arguments]", gr = "[object Array]", yr = "[object Boolean]", _r = "[object Date]", hr = "[object Error]", Tr = "[object Function]", $r = "[object Map]", br = "[object Number]", Ar = "[object Object]", wr = "[object RegExp]", Sr = "[object Set]", Pr = "[object String]", Or = "[object WeakMap]", Cr = "[object ArrayBuffer]", Vr = "[object DataView]", Er = "[object Float32Array]", Dr = "[object Float64Array]", Lr = "[object Int8Array]", Mr = "[object Int16Array]", Ur = "[object Int32Array]", xr = "[object Uint8Array]", Nr = "[object Uint8ClampedArray]", Fr = "[object Uint16Array]", Br = "[object Uint32Array]", S = {};
-S[Er] = S[Dr] = S[Lr] = S[Mr] = S[Ur] = S[xr] = S[Nr] = S[Fr] = S[Br] = !0;
-S[mr] = S[gr] = S[Cr] = S[yr] = S[Vr] = S[_r] = S[hr] = S[Tr] = S[$r] = S[br] = S[Ar] = S[wr] = S[Sr] = S[Pr] = S[Or] = !1;
+var Yt = typeof exports == "object" && exports && !exports.nodeType && exports, pt = Yt && typeof module == "object" && module && !module.nodeType && module, pr = pt && pt.exports === Yt, mt = pr ? G.Buffer : void 0, mr = mt ? mt.isBuffer : void 0, Ee = mr || dr, vr = "[object Arguments]", gr = "[object Array]", yr = "[object Boolean]", _r = "[object Date]", hr = "[object Error]", Tr = "[object Function]", $r = "[object Map]", br = "[object Number]", Ar = "[object Object]", wr = "[object RegExp]", Sr = "[object Set]", Pr = "[object String]", Or = "[object WeakMap]", Cr = "[object ArrayBuffer]", Ur = "[object DataView]", Vr = "[object Float32Array]", Dr = "[object Float64Array]", Er = "[object Int8Array]", Mr = "[object Int16Array]", Lr = "[object Int32Array]", xr = "[object Uint8Array]", Nr = "[object Uint8ClampedArray]", Fr = "[object Uint16Array]", Br = "[object Uint32Array]", w = {};
+w[Vr] = w[Dr] = w[Er] = w[Mr] = w[Lr] = w[xr] = w[Nr] = w[Fr] = w[Br] = !0;
+w[vr] = w[gr] = w[Cr] = w[yr] = w[Ur] = w[_r] = w[hr] = w[Tr] = w[$r] = w[br] = w[Ar] = w[wr] = w[Sr] = w[Pr] = w[Or] = !1;
 function Rr(e) {
-  return ee(e) && Kt(e.length) && !!S[Te(e)];
+  return te(e) && Kt(e.length) && !!w[be(e)];
 }
 function nt(e) {
   return function(t) {
     return e(t);
   };
 }
-var Wt = typeof exports == "object" && exports && !exports.nodeType && exports, ge = Wt && typeof module == "object" && module && !module.nodeType && module, Hr = ge && ge.exports === Wt, Ge = Hr && Ht.process, ce = function() {
+var Zt = typeof exports == "object" && exports && !exports.nodeType && exports, ye = Zt && typeof module == "object" && module && !module.nodeType && module, Hr = ye && ye.exports === Zt, ze = Hr && Ht.process, oe = function() {
   try {
-    var e = ge && ge.require && ge.require("util").types;
-    return e || Ge && Ge.binding && Ge.binding("util");
+    var e = ye && ye.require && ye.require("util").types;
+    return e || ze && ze.binding && ze.binding("util");
   } catch {
   }
-}(), mt = ce && ce.isTypedArray, It = mt ? nt(mt) : Rr, jr = Object.prototype, Gr = jr.hasOwnProperty;
+}(), vt = oe && oe.isTypedArray, Wt = vt ? nt(vt) : Rr, jr = Object.prototype, Gr = jr.hasOwnProperty;
 function Jt(e, t) {
-  var n = ye(e), r = !n && fr(e), s = !n && !r && De(e), l = !n && !r && !s && It(e), d = n || r || s || l, f = d ? or(e.length, String) : [], p = f.length;
-  for (var c in e)
-    (t || Gr.call(e, c)) && !(d && // Safari 9 has enumerable `arguments.length` in strict mode.
-    (c == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-    s && (c == "offset" || c == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-    l && (c == "buffer" || c == "byteLength" || c == "byteOffset") || // Skip index properties.
-    nr(c, p))) && f.push(c);
-  return f;
+  var n = _e(e), r = !n && fr(e), l = !n && !r && Ee(e), i = !n && !r && !l && Wt(e), a = n || r || l || i, s = a ? sr(e.length, String) : [], o = s.length;
+  for (var u in e)
+    (t || Gr.call(e, u)) && !(a && // Safari 9 has enumerable `arguments.length` in strict mode.
+    (u == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+    l && (u == "offset" || u == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+    i && (u == "buffer" || u == "byteLength" || u == "byteOffset") || // Skip index properties.
+    nr(u, o))) && s.push(u);
+  return s;
 }
 function Qt(e, t) {
   return function(n) {
@@ -197,7 +197,7 @@ function Qt(e, t) {
   };
 }
 var zr = Qt(Object.keys, Object), qr = Object.prototype, Kr = qr.hasOwnProperty;
-function Xr(e) {
+function Ir(e) {
   if (!tt(e))
     return zr(e);
   var t = [];
@@ -206,30 +206,30 @@ function Xr(e) {
   return t;
 }
 function rt(e) {
-  return Xt(e) ? Jt(e) : Xr(e);
+  return It(e) ? Jt(e) : Ir(e);
 }
-function Yr(e) {
+function Xr(e) {
   var t = [];
   if (e != null)
     for (var n in Object(e))
       t.push(n);
   return t;
 }
-var Zr = Object.prototype, Wr = Zr.hasOwnProperty;
-function Ir(e) {
-  if (!$e(e))
-    return Yr(e);
+var Yr = Object.prototype, Zr = Yr.hasOwnProperty;
+function Wr(e) {
+  if (!Ae(e))
+    return Xr(e);
   var t = tt(e), n = [];
   for (var r in e)
-    r == "constructor" && (t || !Wr.call(e, r)) || n.push(r);
+    r == "constructor" && (t || !Zr.call(e, r)) || n.push(r);
   return n;
 }
 function it(e) {
-  return Xt(e) ? Jt(e, !0) : Ir(e);
+  return It(e) ? Jt(e, !0) : Wr(e);
 }
-var _e = re(Object, "create");
+var he = ie(Object, "create");
 function Jr() {
-  this.__data__ = _e ? _e(null) : {}, this.size = 0;
+  this.__data__ = he ? he(null) : {}, this.size = 0;
 }
 function Qr(e) {
   var t = this.has(e) && delete this.__data__[e];
@@ -238,7 +238,7 @@ function Qr(e) {
 var kr = "__lodash_hash_undefined__", ei = Object.prototype, ti = ei.hasOwnProperty;
 function ni(e) {
   var t = this.__data__;
-  if (_e) {
+  if (he) {
     var n = t[e];
     return n === kr ? void 0 : n;
   }
@@ -247,29 +247,29 @@ function ni(e) {
 var ri = Object.prototype, ii = ri.hasOwnProperty;
 function li(e) {
   var t = this.__data__;
-  return _e ? t[e] !== void 0 : ii.call(t, e);
+  return he ? t[e] !== void 0 : ii.call(t, e);
 }
 var ai = "__lodash_hash_undefined__";
-function oi(e, t) {
+function si(e, t) {
   var n = this.__data__;
-  return this.size += this.has(e) ? 0 : 1, n[e] = _e && t === void 0 ? ai : t, this;
+  return this.size += this.has(e) ? 0 : 1, n[e] = he && t === void 0 ? ai : t, this;
 }
-function te(e) {
+function ne(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]);
   }
 }
-te.prototype.clear = Jr;
-te.prototype.delete = Qr;
-te.prototype.get = ni;
-te.prototype.has = li;
-te.prototype.set = oi;
-function si() {
+ne.prototype.clear = Jr;
+ne.prototype.delete = Qr;
+ne.prototype.get = ni;
+ne.prototype.has = li;
+ne.prototype.set = si;
+function oi() {
   this.__data__ = [], this.size = 0;
 }
-function Fe(e, t) {
+function Be(e, t) {
   for (var n = e.length; n--; )
     if (et(e[n][0], t))
       return n;
@@ -277,85 +277,85 @@ function Fe(e, t) {
 }
 var ui = Array.prototype, ci = ui.splice;
 function fi(e) {
-  var t = this.__data__, n = Fe(t, e);
+  var t = this.__data__, n = Be(t, e);
   if (n < 0)
     return !1;
   var r = t.length - 1;
   return n == r ? t.pop() : ci.call(t, n, 1), --this.size, !0;
 }
 function di(e) {
-  var t = this.__data__, n = Fe(t, e);
+  var t = this.__data__, n = Be(t, e);
   return n < 0 ? void 0 : t[n][1];
 }
 function pi(e) {
-  return Fe(this.__data__, e) > -1;
+  return Be(this.__data__, e) > -1;
 }
-function vi(e, t) {
-  var n = this.__data__, r = Fe(n, e);
+function mi(e, t) {
+  var n = this.__data__, r = Be(n, e);
   return r < 0 ? (++this.size, n.push([e, t])) : n[r][1] = t, this;
 }
-function I(e) {
+function W(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]);
   }
 }
-I.prototype.clear = si;
-I.prototype.delete = fi;
-I.prototype.get = di;
-I.prototype.has = pi;
-I.prototype.set = vi;
-var he = re(G, "Map");
-function mi() {
+W.prototype.clear = oi;
+W.prototype.delete = fi;
+W.prototype.get = di;
+W.prototype.has = pi;
+W.prototype.set = mi;
+var Te = ie(G, "Map");
+function vi() {
   this.size = 0, this.__data__ = {
-    hash: new te(),
-    map: new (he || I)(),
-    string: new te()
+    hash: new ne(),
+    map: new (Te || W)(),
+    string: new ne()
   };
 }
 function gi(e) {
   var t = typeof e;
   return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
 }
-function Be(e, t) {
+function Re(e, t) {
   var n = e.__data__;
   return gi(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
 }
 function yi(e) {
-  var t = Be(this, e).delete(e);
+  var t = Re(this, e).delete(e);
   return this.size -= t ? 1 : 0, t;
 }
 function _i(e) {
-  return Be(this, e).get(e);
+  return Re(this, e).get(e);
 }
 function hi(e) {
-  return Be(this, e).has(e);
+  return Re(this, e).has(e);
 }
 function Ti(e, t) {
-  var n = Be(this, e), r = n.size;
+  var n = Re(this, e), r = n.size;
   return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
 }
-function ie(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]);
   }
 }
-ie.prototype.clear = mi;
-ie.prototype.delete = yi;
-ie.prototype.get = _i;
-ie.prototype.has = hi;
-ie.prototype.set = Ti;
+le.prototype.clear = vi;
+le.prototype.delete = yi;
+le.prototype.get = _i;
+le.prototype.has = hi;
+le.prototype.set = Ti;
 function kt(e, t) {
-  for (var n = -1, r = t.length, s = e.length; ++n < r; )
-    e[s + n] = t[n];
+  for (var n = -1, r = t.length, l = e.length; ++n < r; )
+    e[l + n] = t[n];
   return e;
 }
 var en = Qt(Object.getPrototypeOf, Object);
 function $i() {
-  this.__data__ = new I(), this.size = 0;
+  this.__data__ = new W(), this.size = 0;
 }
 function bi(e) {
   var t = this.__data__, n = t.delete(e);
@@ -370,53 +370,53 @@ function wi(e) {
 var Si = 200;
 function Pi(e, t) {
   var n = this.__data__;
-  if (n instanceof I) {
+  if (n instanceof W) {
     var r = n.__data__;
-    if (!he || r.length < Si - 1)
+    if (!Te || r.length < Si - 1)
       return r.push([e, t]), this.size = ++n.size, this;
-    n = this.__data__ = new ie(r);
+    n = this.__data__ = new le(r);
   }
   return n.set(e, t), this.size = n.size, this;
 }
-function X(e) {
-  var t = this.__data__ = new I(e);
+function I(e) {
+  var t = this.__data__ = new W(e);
   this.size = t.size;
 }
-X.prototype.clear = $i;
-X.prototype.delete = bi;
-X.prototype.get = Ai;
-X.prototype.has = wi;
-X.prototype.set = Pi;
+I.prototype.clear = $i;
+I.prototype.delete = bi;
+I.prototype.get = Ai;
+I.prototype.has = wi;
+I.prototype.set = Pi;
 function Oi(e, t) {
-  return e && Ne(t, rt(t), e);
+  return e && Fe(t, rt(t), e);
 }
 function Ci(e, t) {
-  return e && Ne(t, it(t), e);
+  return e && Fe(t, it(t), e);
 }
-var tn = typeof exports == "object" && exports && !exports.nodeType && exports, gt = tn && typeof module == "object" && module && !module.nodeType && module, Vi = gt && gt.exports === tn, yt = Vi ? G.Buffer : void 0, _t = yt ? yt.allocUnsafe : void 0;
-function Ei(e, t) {
+var tn = typeof exports == "object" && exports && !exports.nodeType && exports, gt = tn && typeof module == "object" && module && !module.nodeType && module, Ui = gt && gt.exports === tn, yt = Ui ? G.Buffer : void 0, _t = yt ? yt.allocUnsafe : void 0;
+function Vi(e, t) {
   if (t)
     return e.slice();
   var n = e.length, r = _t ? _t(n) : new e.constructor(n);
   return e.copy(r), r;
 }
 function Di(e, t) {
-  for (var n = -1, r = e == null ? 0 : e.length, s = 0, l = []; ++n < r; ) {
-    var d = e[n];
-    t(d, n, e) && (l[s++] = d);
+  for (var n = -1, r = e == null ? 0 : e.length, l = 0, i = []; ++n < r; ) {
+    var a = e[n];
+    t(a, n, e) && (i[l++] = a);
   }
-  return l;
+  return i;
 }
 function nn() {
   return [];
 }
-var Li = Object.prototype, Mi = Li.propertyIsEnumerable, ht = Object.getOwnPropertySymbols, lt = ht ? function(e) {
+var Ei = Object.prototype, Mi = Ei.propertyIsEnumerable, ht = Object.getOwnPropertySymbols, lt = ht ? function(e) {
   return e == null ? [] : (e = Object(e), Di(ht(e), function(t) {
     return Mi.call(e, t);
   }));
 } : nn;
-function Ui(e, t) {
-  return Ne(e, lt(e), t);
+function Li(e, t) {
+  return Fe(e, lt(e), t);
 }
 var xi = Object.getOwnPropertySymbols, rn = xi ? function(e) {
   for (var t = []; e; )
@@ -424,11 +424,11 @@ var xi = Object.getOwnPropertySymbols, rn = xi ? function(e) {
   return t;
 } : nn;
 function Ni(e, t) {
-  return Ne(e, rn(e), t);
+  return Fe(e, rn(e), t);
 }
 function ln(e, t, n) {
   var r = t(e);
-  return ye(e) ? r : kt(r, n(e));
+  return _e(e) ? r : kt(r, n(e));
 }
 function Xe(e) {
   return ln(e, rt, lt);
@@ -436,9 +436,9 @@ function Xe(e) {
 function Fi(e) {
   return ln(e, it, rn);
 }
-var Ye = re(G, "DataView"), Ze = re(G, "Promise"), We = re(G, "Set"), Tt = "[object Map]", Bi = "[object Object]", $t = "[object Promise]", bt = "[object Set]", At = "[object WeakMap]", wt = "[object DataView]", Ri = ne(Ye), Hi = ne(he), ji = ne(Ze), Gi = ne(We), zi = ne(Ke), B = Te;
-(Ye && B(new Ye(new ArrayBuffer(1))) != wt || he && B(new he()) != Tt || Ze && B(Ze.resolve()) != $t || We && B(new We()) != bt || Ke && B(new Ke()) != At) && (B = function(e) {
-  var t = Te(e), n = t == Bi ? e.constructor : void 0, r = n ? ne(n) : "";
+var Ye = ie(G, "DataView"), Ze = ie(G, "Promise"), We = ie(G, "Set"), Tt = "[object Map]", Bi = "[object Object]", $t = "[object Promise]", bt = "[object Set]", At = "[object WeakMap]", wt = "[object DataView]", Ri = re(Ye), Hi = re(Te), ji = re(Ze), Gi = re(We), zi = re(Ie), B = be;
+(Ye && B(new Ye(new ArrayBuffer(1))) != wt || Te && B(new Te()) != Tt || Ze && B(Ze.resolve()) != $t || We && B(new We()) != bt || Ie && B(new Ie()) != At) && (B = function(e) {
+  var t = be(e), n = t == Bi ? e.constructor : void 0, r = n ? re(n) : "";
   if (r)
     switch (r) {
       case Ri:
@@ -455,33 +455,33 @@ var Ye = re(G, "DataView"), Ze = re(G, "Promise"), We = re(G, "Set"), Tt = "[obj
   return t;
 });
 var qi = Object.prototype, Ki = qi.hasOwnProperty;
-function Xi(e) {
+function Ii(e) {
   var t = e.length, n = new e.constructor(t);
   return t && typeof e[0] == "string" && Ki.call(e, "index") && (n.index = e.index, n.input = e.input), n;
 }
-var Le = G.Uint8Array;
+var Me = G.Uint8Array;
 function at(e) {
   var t = new e.constructor(e.byteLength);
-  return new Le(t).set(new Le(e)), t;
+  return new Me(t).set(new Me(e)), t;
 }
-function Yi(e, t) {
+function Xi(e, t) {
   var n = t ? at(e.buffer) : e.buffer;
   return new e.constructor(n, e.byteOffset, e.byteLength);
 }
-var Zi = /\w*$/;
-function Wi(e) {
-  var t = new e.constructor(e.source, Zi.exec(e));
+var Yi = /\w*$/;
+function Zi(e) {
+  var t = new e.constructor(e.source, Yi.exec(e));
   return t.lastIndex = e.lastIndex, t;
 }
 var St = J ? J.prototype : void 0, Pt = St ? St.valueOf : void 0;
-function Ii(e) {
+function Wi(e) {
   return Pt ? Object(Pt.call(e)) : {};
 }
 function Ji(e, t) {
   var n = t ? at(e.buffer) : e.buffer;
   return new e.constructor(n, e.byteOffset, e.length);
 }
-var Qi = "[object Boolean]", ki = "[object Date]", el = "[object Map]", tl = "[object Number]", nl = "[object RegExp]", rl = "[object Set]", il = "[object String]", ll = "[object Symbol]", al = "[object ArrayBuffer]", ol = "[object DataView]", sl = "[object Float32Array]", ul = "[object Float64Array]", cl = "[object Int8Array]", fl = "[object Int16Array]", dl = "[object Int32Array]", pl = "[object Uint8Array]", vl = "[object Uint8ClampedArray]", ml = "[object Uint16Array]", gl = "[object Uint32Array]";
+var Qi = "[object Boolean]", ki = "[object Date]", el = "[object Map]", tl = "[object Number]", nl = "[object RegExp]", rl = "[object Set]", il = "[object String]", ll = "[object Symbol]", al = "[object ArrayBuffer]", sl = "[object DataView]", ol = "[object Float32Array]", ul = "[object Float64Array]", cl = "[object Int8Array]", fl = "[object Int16Array]", dl = "[object Int32Array]", pl = "[object Uint8Array]", ml = "[object Uint8ClampedArray]", vl = "[object Uint16Array]", gl = "[object Uint32Array]";
 function yl(e, t, n) {
   var r = e.constructor;
   switch (t) {
@@ -490,16 +490,16 @@ function yl(e, t, n) {
     case Qi:
     case ki:
       return new r(+e);
-    case ol:
-      return Yi(e, n);
     case sl:
+      return Xi(e, n);
+    case ol:
     case ul:
     case cl:
     case fl:
     case dl:
     case pl:
-    case vl:
     case ml:
+    case vl:
     case gl:
       return Ji(e, n);
     case el:
@@ -508,11 +508,11 @@ function yl(e, t, n) {
     case il:
       return new r(e);
     case nl:
-      return Wi(e);
+      return Zi(e);
     case rl:
       return new r();
     case ll:
-      return Ii(e);
+      return Wi(e);
   }
 }
 function _l(e) {
@@ -520,51 +520,51 @@ function _l(e) {
 }
 var hl = "[object Map]";
 function Tl(e) {
-  return ee(e) && B(e) == hl;
+  return te(e) && B(e) == hl;
 }
-var Ot = ce && ce.isMap, $l = Ot ? nt(Ot) : Tl, bl = "[object Set]";
+var Ot = oe && oe.isMap, $l = Ot ? nt(Ot) : Tl, bl = "[object Set]";
 function Al(e) {
-  return ee(e) && B(e) == bl;
-}
-var Ct = ce && ce.isSet, wl = Ct ? nt(Ct) : Al, Sl = 1, Pl = 2, Ol = 4, an = "[object Arguments]", Cl = "[object Array]", Vl = "[object Boolean]", El = "[object Date]", Dl = "[object Error]", on = "[object Function]", Ll = "[object GeneratorFunction]", Ml = "[object Map]", Ul = "[object Number]", sn = "[object Object]", xl = "[object RegExp]", Nl = "[object Set]", Fl = "[object String]", Bl = "[object Symbol]", Rl = "[object WeakMap]", Hl = "[object ArrayBuffer]", jl = "[object DataView]", Gl = "[object Float32Array]", zl = "[object Float64Array]", ql = "[object Int8Array]", Kl = "[object Int16Array]", Xl = "[object Int32Array]", Yl = "[object Uint8Array]", Zl = "[object Uint8ClampedArray]", Wl = "[object Uint16Array]", Il = "[object Uint32Array]", A = {};
-A[an] = A[Cl] = A[Hl] = A[jl] = A[Vl] = A[El] = A[Gl] = A[zl] = A[ql] = A[Kl] = A[Xl] = A[Ml] = A[Ul] = A[sn] = A[xl] = A[Nl] = A[Fl] = A[Bl] = A[Yl] = A[Zl] = A[Wl] = A[Il] = !0;
-A[Dl] = A[on] = A[Rl] = !1;
-function Ve(e, t, n, r, s, l) {
-  var d, f = t & Sl, p = t & Pl, c = t & Ol;
-  if (d !== void 0)
-    return d;
-  if (!$e(e))
+  return te(e) && B(e) == bl;
+}
+var Ct = oe && oe.isSet, wl = Ct ? nt(Ct) : Al, Sl = 1, Pl = 2, Ol = 4, an = "[object Arguments]", Cl = "[object Array]", Ul = "[object Boolean]", Vl = "[object Date]", Dl = "[object Error]", sn = "[object Function]", El = "[object GeneratorFunction]", Ml = "[object Map]", Ll = "[object Number]", on = "[object Object]", xl = "[object RegExp]", Nl = "[object Set]", Fl = "[object String]", Bl = "[object Symbol]", Rl = "[object WeakMap]", Hl = "[object ArrayBuffer]", jl = "[object DataView]", Gl = "[object Float32Array]", zl = "[object Float64Array]", ql = "[object Int8Array]", Kl = "[object Int16Array]", Il = "[object Int32Array]", Xl = "[object Uint8Array]", Yl = "[object Uint8ClampedArray]", Zl = "[object Uint16Array]", Wl = "[object Uint32Array]", b = {};
+b[an] = b[Cl] = b[Hl] = b[jl] = b[Ul] = b[Vl] = b[Gl] = b[zl] = b[ql] = b[Kl] = b[Il] = b[Ml] = b[Ll] = b[on] = b[xl] = b[Nl] = b[Fl] = b[Bl] = b[Xl] = b[Yl] = b[Zl] = b[Wl] = !0;
+b[Dl] = b[sn] = b[Rl] = !1;
+function Ve(e, t, n, r, l, i) {
+  var a, s = t & Sl, o = t & Pl, u = t & Ol;
+  if (a !== void 0)
+    return a;
+  if (!Ae(e))
     return e;
-  var g = ye(e);
-  if (g) {
-    if (d = Xi(e), !f)
-      return Qn(e, d);
+  var f = _e(e);
+  if (f) {
+    if (a = Ii(e), !s)
+      return Qn(e, a);
   } else {
-    var h = B(e), y = h == on || h == Ll;
-    if (De(e))
-      return Ei(e, f);
-    if (h == sn || h == an || y && !s) {
-      if (d = p || y ? {} : _l(e), !f)
-        return p ? Ni(e, Ci(d, e)) : Ui(e, Oi(d, e));
+    var d = B(e), _ = d == sn || d == El;
+    if (Ee(e))
+      return Vi(e, s);
+    if (d == on || d == an || _ && !l) {
+      if (a = o || _ ? {} : _l(e), !s)
+        return o ? Ni(e, Ci(a, e)) : Li(e, Oi(a, e));
     } else {
-      if (!A[h])
-        return s ? e : {};
-      d = yl(e, h, f);
+      if (!b[d])
+        return l ? e : {};
+      a = yl(e, d, s);
     }
   }
-  l || (l = new X());
-  var T = l.get(e);
-  if (T)
-    return T;
-  l.set(e, d), wl(e) ? e.forEach(function(V) {
-    d.add(Ve(V, t, n, V, e, l));
-  }) : $l(e) && e.forEach(function(V, D) {
-    d.set(D, Ve(V, t, n, D, e, l));
+  i || (i = new I());
+  var h = i.get(e);
+  if (h)
+    return h;
+  i.set(e, a), wl(e) ? e.forEach(function(C) {
+    a.add(Ve(C, t, n, C, e, i));
+  }) : $l(e) && e.forEach(function(C, D) {
+    a.set(D, Ve(C, t, n, D, e, i));
   });
-  var $ = c ? p ? Fi : Xe : p ? it : rt, b = g ? void 0 : $(e);
-  return kn(b || e, function(V, D) {
-    b && (D = V, V = e[D]), qt(d, D, Ve(V, t, n, D, e, l));
-  }), d;
+  var T = u ? o ? Fi : Xe : o ? it : rt, $ = f ? void 0 : T(e);
+  return kn($ || e, function(C, D) {
+    $ && (D = C, C = e[D]), qt(a, D, Ve(C, t, n, D, e, i));
+  }), a;
 }
 var Jl = 1, Ql = 4;
 function un(e) {
@@ -577,13 +577,13 @@ function ea(e) {
 function ta(e) {
   return this.__data__.has(e);
 }
-function Me(e) {
+function Le(e) {
   var t = -1, n = e == null ? 0 : e.length;
-  for (this.__data__ = new ie(); ++t < n; )
+  for (this.__data__ = new le(); ++t < n; )
     this.add(e[t]);
 }
-Me.prototype.add = Me.prototype.push = ea;
-Me.prototype.has = ta;
+Le.prototype.add = Le.prototype.push = ea;
+Le.prototype.has = ta;
 function na(e, t) {
   for (var n = -1, r = e == null ? 0 : e.length; ++n < r; )
     if (t(e[n], n, e))
@@ -594,217 +594,184 @@ function ra(e, t) {
   return e.has(t);
 }
 var ia = 1, la = 2;
-function cn(e, t, n, r, s, l) {
-  var d = n & ia, f = e.length, p = t.length;
-  if (f != p && !(d && p > f))
+function cn(e, t, n, r, l, i) {
+  var a = n & ia, s = e.length, o = t.length;
+  if (s != o && !(a && o > s))
     return !1;
-  var c = l.get(e), g = l.get(t);
-  if (c && g)
-    return c == t && g == e;
-  var h = -1, y = !0, T = n & la ? new Me() : void 0;
-  for (l.set(e, t), l.set(t, e); ++h < f; ) {
-    var $ = e[h], b = t[h];
+  var u = i.get(e), f = i.get(t);
+  if (u && f)
+    return u == t && f == e;
+  var d = -1, _ = !0, h = n & la ? new Le() : void 0;
+  for (i.set(e, t), i.set(t, e); ++d < s; ) {
+    var T = e[d], $ = t[d];
     if (r)
-      var V = d ? r(b, $, h, t, e, l) : r($, b, h, e, t, l);
-    if (V !== void 0) {
-      if (V)
+      var C = a ? r($, T, d, t, e, i) : r(T, $, d, e, t, i);
+    if (C !== void 0) {
+      if (C)
         continue;
-      y = !1;
+      _ = !1;
       break;
     }
-    if (T) {
+    if (h) {
       if (!na(t, function(D, z) {
-        if (!ra(T, z) && ($ === D || s($, D, n, r, l)))
-          return T.push(z);
+        if (!ra(h, z) && (T === D || l(T, D, n, r, i)))
+          return h.push(z);
       })) {
-        y = !1;
+        _ = !1;
         break;
       }
-    } else if (!($ === b || s($, b, n, r, l))) {
-      y = !1;
+    } else if (!(T === $ || l(T, $, n, r, i))) {
+      _ = !1;
       break;
     }
   }
-  return l.delete(e), l.delete(t), y;
+  return i.delete(e), i.delete(t), _;
 }
 function aa(e) {
   var t = -1, n = Array(e.size);
-  return e.forEach(function(r, s) {
-    n[++t] = [s, r];
+  return e.forEach(function(r, l) {
+    n[++t] = [l, r];
   }), n;
 }
-function oa(e) {
+function sa(e) {
   var t = -1, n = Array(e.size);
   return e.forEach(function(r) {
     n[++t] = r;
   }), n;
 }
-var sa = 1, ua = 2, ca = "[object Boolean]", fa = "[object Date]", da = "[object Error]", pa = "[object Map]", va = "[object Number]", ma = "[object RegExp]", ga = "[object Set]", ya = "[object String]", _a = "[object Symbol]", ha = "[object ArrayBuffer]", Ta = "[object DataView]", Vt = J ? J.prototype : void 0, ze = Vt ? Vt.valueOf : void 0;
-function $a(e, t, n, r, s, l, d) {
+var oa = 1, ua = 2, ca = "[object Boolean]", fa = "[object Date]", da = "[object Error]", pa = "[object Map]", ma = "[object Number]", va = "[object RegExp]", ga = "[object Set]", ya = "[object String]", _a = "[object Symbol]", ha = "[object ArrayBuffer]", Ta = "[object DataView]", Ut = J ? J.prototype : void 0, qe = Ut ? Ut.valueOf : void 0;
+function $a(e, t, n, r, l, i, a) {
   switch (n) {
     case Ta:
       if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)
         return !1;
       e = e.buffer, t = t.buffer;
     case ha:
-      return !(e.byteLength != t.byteLength || !l(new Le(e), new Le(t)));
+      return !(e.byteLength != t.byteLength || !i(new Me(e), new Me(t)));
     case ca:
     case fa:
-    case va:
+    case ma:
       return et(+e, +t);
     case da:
       return e.name == t.name && e.message == t.message;
-    case ma:
+    case va:
     case ya:
       return e == t + "";
     case pa:
-      var f = aa;
+      var s = aa;
     case ga:
-      var p = r & sa;
-      if (f || (f = oa), e.size != t.size && !p)
+      var o = r & oa;
+      if (s || (s = sa), e.size != t.size && !o)
         return !1;
-      var c = d.get(e);
-      if (c)
-        return c == t;
-      r |= ua, d.set(e, t);
-      var g = cn(f(e), f(t), r, s, l, d);
-      return d.delete(e), g;
+      var u = a.get(e);
+      if (u)
+        return u == t;
+      r |= ua, a.set(e, t);
+      var f = cn(s(e), s(t), r, l, i, a);
+      return a.delete(e), f;
     case _a:
-      if (ze)
-        return ze.call(e) == ze.call(t);
+      if (qe)
+        return qe.call(e) == qe.call(t);
   }
   return !1;
 }
 var ba = 1, Aa = Object.prototype, wa = Aa.hasOwnProperty;
-function Sa(e, t, n, r, s, l) {
-  var d = n & ba, f = Xe(e), p = f.length, c = Xe(t), g = c.length;
-  if (p != g && !d)
+function Sa(e, t, n, r, l, i) {
+  var a = n & ba, s = Xe(e), o = s.length, u = Xe(t), f = u.length;
+  if (o != f && !a)
     return !1;
-  for (var h = p; h--; ) {
-    var y = f[h];
-    if (!(d ? y in t : wa.call(t, y)))
+  for (var d = o; d--; ) {
+    var _ = s[d];
+    if (!(a ? _ in t : wa.call(t, _)))
       return !1;
   }
-  var T = l.get(e), $ = l.get(t);
-  if (T && $)
-    return T == t && $ == e;
-  var b = !0;
-  l.set(e, t), l.set(t, e);
-  for (var V = d; ++h < p; ) {
-    y = f[h];
-    var D = e[y], z = t[y];
+  var h = i.get(e), T = i.get(t);
+  if (h && T)
+    return h == t && T == e;
+  var $ = !0;
+  i.set(e, t), i.set(t, e);
+  for (var C = a; ++d < o; ) {
+    _ = s[d];
+    var D = e[_], z = t[_];
     if (r)
-      var be = d ? r(z, D, y, t, e, l) : r(D, z, y, e, t, l);
-    if (!(be === void 0 ? D === z || s(D, z, n, r, l) : be)) {
-      b = !1;
+      var we = a ? r(z, D, _, t, e, i) : r(D, z, _, e, t, i);
+    if (!(we === void 0 ? D === z || l(D, z, n, r, i) : we)) {
+      $ = !1;
       break;
     }
-    V || (V = y == "constructor");
+    C || (C = _ == "constructor");
   }
-  if (b && !V) {
-    var ae = e.constructor, oe = t.constructor;
-    ae != oe && "constructor" in e && "constructor" in t && !(typeof ae == "function" && ae instanceof ae && typeof oe == "function" && oe instanceof oe) && (b = !1);
+  if ($ && !C) {
+    var se = e.constructor, q = t.constructor;
+    se != q && "constructor" in e && "constructor" in t && !(typeof se == "function" && se instanceof se && typeof q == "function" && q instanceof q) && ($ = !1);
   }
-  return l.delete(e), l.delete(t), b;
-}
-var Pa = 1, Et = "[object Arguments]", Dt = "[object Array]", Pe = "[object Object]", Oa = Object.prototype, Lt = Oa.hasOwnProperty;
-function Ca(e, t, n, r, s, l) {
-  var d = ye(e), f = ye(t), p = d ? Dt : B(e), c = f ? Dt : B(t);
-  p = p == Et ? Pe : p, c = c == Et ? Pe : c;
-  var g = p == Pe, h = c == Pe, y = p == c;
-  if (y && De(e)) {
-    if (!De(t))
+  return i.delete(e), i.delete(t), $;
+}
+var Pa = 1, Vt = "[object Arguments]", Dt = "[object Array]", Oe = "[object Object]", Oa = Object.prototype, Et = Oa.hasOwnProperty;
+function Ca(e, t, n, r, l, i) {
+  var a = _e(e), s = _e(t), o = a ? Dt : B(e), u = s ? Dt : B(t);
+  o = o == Vt ? Oe : o, u = u == Vt ? Oe : u;
+  var f = o == Oe, d = u == Oe, _ = o == u;
+  if (_ && Ee(e)) {
+    if (!Ee(t))
       return !1;
-    d = !0, g = !1;
+    a = !0, f = !1;
   }
-  if (y && !g)
-    return l || (l = new X()), d || It(e) ? cn(e, t, n, r, s, l) : $a(e, t, p, n, r, s, l);
+  if (_ && !f)
+    return i || (i = new I()), a || Wt(e) ? cn(e, t, n, r, l, i) : $a(e, t, o, n, r, l, i);
   if (!(n & Pa)) {
-    var T = g && Lt.call(e, "__wrapped__"), $ = h && Lt.call(t, "__wrapped__");
-    if (T || $) {
-      var b = T ? e.value() : e, V = $ ? t.value() : t;
-      return l || (l = new X()), s(b, V, n, r, l);
+    var h = f && Et.call(e, "__wrapped__"), T = d && Et.call(t, "__wrapped__");
+    if (h || T) {
+      var $ = h ? e.value() : e, C = T ? t.value() : t;
+      return i || (i = new I()), l($, C, n, r, i);
     }
   }
-  return y ? (l || (l = new X()), Sa(e, t, n, r, s, l)) : !1;
+  return _ ? (i || (i = new I()), Sa(e, t, n, r, l, i)) : !1;
 }
-function fn(e, t, n, r, s) {
-  return e === t ? !0 : e == null || t == null || !ee(e) && !ee(t) ? e !== e && t !== t : Ca(e, t, n, r, fn, s);
+function fn(e, t, n, r, l) {
+  return e === t ? !0 : e == null || t == null || !te(e) && !te(t) ? e !== e && t !== t : Ca(e, t, n, r, fn, l);
 }
-function Re(e, t) {
+function He(e, t) {
   return fn(e, t);
 }
-const Va = /* @__PURE__ */ H({
-  __name: "entry",
-  props: {
-    minHeight: {}
-  },
-  setup(e) {
-    const { backgroundColor2: t, highlightColor: n } = ke(), r = R(!1), s = Y(() => ({
-      background: r.value ? n.value : t.value,
-      minHeight: e.minHeight,
-      paddingRight: "4px",
-      marginBottom: "1px",
-      userSelect: "none"
-    })), l = (d) => {
-      Bt.emit("propTreeMenu", {
-        x: d.clientX,
-        y: d.clientY
-      });
-    };
-    return (d, f) => {
-      const p = fe("ripple");
-      return k((C(), W("div", {
-        class: "d-flex justify-space-between align-center cursor-pointer",
-        style: Ie(s.value),
-        onContextmenu: j(l, ["prevent"]),
-        onMouseover: f[0] || (f[0] = (c) => r.value = !0),
-        onMouseout: f[1] || (f[1] = (c) => r.value = !1)
-      }, [
-        Tn(d.$slots, "default")
-      ], 36)), [
-        [p]
-      ]);
-    };
-  }
-}), Ea = /* @__PURE__ */ H({
+const Ua = /* @__PURE__ */ H({
   __name: "menu",
   setup(e) {
-    const { t } = Qe(), n = R(0), r = R(0), s = Y(() => [n.value, r.value]), l = (c) => {
-      const g = () => {
+    const { t } = $e(), n = R(0), r = R(0), l = X(() => [n.value, r.value]), i = (u) => {
+      const f = () => {
         console.log("reset");
       };
-      c.push({
+      u.push({
         title: t("x-prop-tree.reset"),
-        func: g
+        func: f
       });
-    }, d = Y(() => {
-      const c = [];
-      return l(c), c;
-    }), f = (c) => {
-      n.value = c.x, r.value = c.y;
-    }, { open: p } = Rt("propTreeMenu", f);
-    return (c, g) => {
-      const h = P("v-list-item-title"), y = P("v-list-item"), T = P("v-list"), $ = P("v-menu");
-      return C(), U($, {
-        modelValue: N(p),
-        "onUpdate:modelValue": g[0] || (g[0] = (b) => xt(p) ? p.value = b : null),
+    }, a = X(() => {
+      const u = [];
+      return i(u), u;
+    }), s = (u) => {
+      n.value = u.x, r.value = u.y;
+    }, { open: o } = Bt("propTreeMenu", s);
+    return (u, f) => {
+      const d = P("v-list-item-title"), _ = P("v-list-item"), h = P("v-list"), T = P("v-menu");
+      return O(), L(T, {
+        modelValue: N(o),
+        "onUpdate:modelValue": f[0] || (f[0] = ($) => xt(o) ? o.value = $ : null),
         "location-strategy": "connected",
-        target: s.value,
+        target: l.value,
         scrim: "transparent"
       }, {
         default: K(() => [
-          M(T, null, {
+          M(h, null, {
             default: K(() => [
-              (C(!0), W(Nt, null, $n(d.value, (b, V) => (C(), U(y, {
-                key: V,
+              (O(!0), Z(Nt, null, Tn(a.value, ($, C) => (O(), L(_, {
+                key: C,
                 link: "",
-                onClick: b.func
+                onClick: $.func
               }, {
                 default: K(() => [
-                  M(h, null, {
+                  M(d, null, {
                     default: K(() => [
-                      Je(xe(b.title), 1)
+                      Je(Ne($.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -820,8 +787,8 @@ const Va = /* @__PURE__ */ H({
     };
   }
 });
-var Da = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", La = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", le = "M19,13H5V11H19V13Z", Ma = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
-const Oe = /* @__PURE__ */ H({
+var Va = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", Da = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", ae = "M19,13H5V11H19V13Z", Ea = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
+const Ce = /* @__PURE__ */ H({
   __name: "title",
   props: {
     title: {},
@@ -832,165 +799,238 @@ const Oe = /* @__PURE__ */ H({
   },
   emits: ["collapse", "create", "delete"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = ke(), s = t, l = R(!1), d = Y(() => ({
-      background: l.value ? r.value : n.value,
+    const { backgroundColor2: n, highlightColor: r } = ke(), l = t, i = R(!1), a = X(() => ({
+      background: i.value ? r.value : n.value,
       height: "36px",
       marginBottom: "1px",
       userSelect: "none"
-    })), f = () => {
-      s("collapse", !e.collapse);
-    }, p = (c) => {
-      Bt.emit("propTreeMenu", {
-        x: c.clientX,
-        y: c.clientY
+    })), s = () => {
+      l("collapse", !e.collapse);
+    }, o = (u) => {
+      Rt.emit("propTreeMenu", {
+        x: u.clientX,
+        y: u.clientY
       });
     };
-    return (c, g) => {
-      const h = P("v-icon"), y = P("v-spacer"), T = fe("ripple");
-      return k((C(), W("div", {
+    return (u, f) => {
+      const d = P("v-icon"), _ = P("v-spacer"), h = ue("ripple");
+      return ee((O(), Z("div", {
         class: "d-flex align-center cursor-pointer",
-        style: Ie(d.value),
-        onClick: f,
-        onContextmenu: j(p, ["prevent"]),
-        onMouseover: g[2] || (g[2] = ($) => l.value = !0),
-        onMouseout: g[3] || (g[3] = ($) => l.value = !1)
+        style: Qe(a.value),
+        onClick: s,
+        onContextmenu: j(o, ["prevent"]),
+        onMouseover: f[2] || (f[2] = (T) => i.value = !0),
+        onMouseout: f[3] || (f[3] = (T) => i.value = !1)
       }, [
-        M(h, {
+        M(d, {
           class: "mr-1",
-          icon: c.collapse ? N(La) : N(Da)
+          icon: u.collapse ? N(Da) : N(Va)
         }, null, 8, ["icon"]),
-        Ee("span", null, xe(c.title), 1),
-        M(y),
-        c.hasCreate ? (C(), U(h, {
+        De("span", null, Ne(u.title), 1),
+        M(_),
+        u.hasCreate ? (O(), L(d, {
           key: 0,
           class: "mx-3",
-          icon: N(Ma),
-          onClick: g[0] || (g[0] = j(($) => s("create"), ["stop"]))
-        }, null, 8, ["icon"])) : Z("", !0),
-        c.hasDelete ? (C(), U(h, {
+          icon: N(Ea),
+          onClick: f[0] || (f[0] = j((T) => l("create"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0),
+        u.hasDelete ? (O(), L(d, {
           key: 1,
           class: "mx-3",
-          icon: N(le),
-          onClick: g[1] || (g[1] = j(($) => s("delete", c.index), ["stop"]))
-        }, null, 8, ["icon"])) : Z("", !0)
+          icon: N(ae),
+          onClick: f[1] || (f[1] = j((T) => l("delete", u.index), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ], 36)), [
-        [T]
+        [h]
       ]);
     };
   }
-}), Mt = (e) => !(e instanceof Array), Ce = (e) => e instanceof Array, ot = (e) => !(e instanceof Array), Ue = (e) => e instanceof Array, Ua = [
+}), Ma = /* @__PURE__ */ H({
+  __name: "entry",
+  props: {
+    minHeight: {}
+  },
+  setup(e) {
+    const { backgroundColor2: t, highlightColor: n } = ke(), r = R(!1), l = X(() => ({
+      background: r.value ? n.value : t.value,
+      minHeight: e.minHeight,
+      paddingRight: "4px",
+      marginBottom: "1px",
+      userSelect: "none"
+    })), i = (a) => {
+      Rt.emit("propTreeMenu", {
+        x: a.clientX,
+        y: a.clientY
+      });
+    };
+    return (a, s) => {
+      const o = ue("ripple");
+      return ee((O(), Z("div", {
+        class: "d-flex justify-space-between align-center cursor-pointer",
+        style: Qe(l.value),
+        onContextmenu: j(i, ["prevent"]),
+        onMouseover: s[0] || (s[0] = (u) => r.value = !0),
+        onMouseout: s[1] || (s[1] = (u) => r.value = !1)
+      }, [
+        $n(a.$slots, "default")
+      ], 36)), [
+        [o]
+      ]);
+    };
+  }
+}), st = (e) => !(e instanceof Array), xe = (e) => e instanceof Array, La = [
   ["basic", "id"],
   ["basic", "name"]
-], xa = (e) => Ua.find((t) => Re(e, t)), He = (e, t, n, r, s, l, d) => (e = un(e), l !== void 0 ? (e.push(l), d && e.push(t.key)) : e.push(t.key), xa(e) ? (r.change = !1, r.change) : t.ui ? t.array && l === void 0 ? Ba(
+], xa = (e) => La.find((t) => He(e, t)), je = (e, t, n, r, l, i, a) => (e = un(e), i !== void 0 ? (e.push(i), a && e.push(t.key)) : e.push(t.key), xa(e) ? (r.change = !1, r.change) : t.ui ? t.array && i === void 0 ? Ba(
   e,
   t,
   n,
   r,
-  s,
   l,
-  d
-) : Ra(t, n, r, l, d) : t.array ? Na(
+  i,
+  a
+) : Ra(t, n, r, i, a) : t.array ? Na(
   e,
   t,
   n,
   r,
-  s,
   l,
-  d
+  i,
+  a
 ) : Fa(
   e,
   t,
   n,
   r,
-  s,
   l,
-  d
-)), Na = (e, t, n, r, s, l, d) => {
+  i,
+  a
+)), Na = (e, t, n, r, l, i, a) => {
   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 (!Ue(r.children))
+  if (!xe(r.children))
     return console.assert(!1, "execPropBranchArray state children must be array"), !1;
-  let f;
-  l !== void 0 && !d ? (n[l] instanceof Array || (n[l] = L(t), s == null || s(e, n[l])), f = n[l]) : (n[t.key] instanceof Array || (n[t.key] = L(t), s == null || s(e, n[t.key])), f = n[t.key]), r.change = !1;
-  for (let p = 0; p < f.length; p++)
+  let s;
+  i !== void 0 && !a ? (n[i] instanceof Array || (n[i] = E(t), l == null || l(e, n[i])), s = n[i]) : (n[t.key] instanceof Array || (n[t.key] = E(t), l == null || l(e, n[t.key])), s = n[t.key]), r.change = !1;
+  for (let o = 0; o < s.length; o++)
     r.children.push({
       change: !1,
       children: {}
-    }), t.children.forEach((c) => {
-      if (!Ue(r.children)) {
+    }), t.children.forEach((u) => {
+      if (!xe(r.children)) {
         console.assert(!1);
         return;
       }
-      const g = r.children[p];
-      if (!ot(g.children)) {
+      const f = r.children[o];
+      if (!st(f.children)) {
         console.assert(!1);
         return;
       }
-      g.children[c.key] = {
+      f.children[u.key] = {
         change: !1,
-        children: c.array ? [] : {}
-      }, He(
+        children: u.array ? [] : {}
+      }, je(
         e,
-        c,
-        f[p],
-        g.children[c.key],
-        s,
-        p,
+        u,
+        s[o],
+        f.children[u.key],
+        l,
+        o,
         !0
-      ) && (g.change = !0), g.change && (r.change = !0);
+      ) && (f.change = !0), f.change && (r.change = !0);
     });
-  return r.change || (r.change = !Re(f, L(t))), r.change;
-}, Fa = (e, t, n, r, s, l, d) => {
+  return r.change || (r.change = !He(s, E(t))), r.change;
+}, Fa = (e, t, n, r, l, i, a) => {
   if (t.ui)
     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 (!ot(r.children))
+  if (!st(r.children))
     return console.assert(!1, "execPropBranchScalar state children must be map"), !1;
-  let f;
-  l !== void 0 && !d ? (n[l] || (n[l] = {}), f = n[l]) : (n[t.key] || (n[t.key] = {}), f = n[t.key]), r.change = !1;
-  for (let p = 0; p < t.children.length; p++) {
-    const c = t.children[p];
-    r.children[c.key] = {
+  let s;
+  i !== void 0 && !a ? (n[i] || (n[i] = {}), s = n[i]) : (n[t.key] || (n[t.key] = {}), s = n[t.key]), r.change = !1;
+  for (let o = 0; o < t.children.length; o++) {
+    const u = t.children[o];
+    r.children[u.key] = {
       change: !1,
-      children: c.array ? [] : {}
-    }, He(e, c, f, r.children[c.key], s) && (r.change = !0);
+      children: u.array ? [] : {}
+    }, je(e, u, s, r.children[u.key], l) && (r.change = !0);
   }
   return r.change;
-}, Ba = (e, t, n, r, s, l, d) => {
+}, Ba = (e, t, n, r, l, i, a) => {
   if (!t.ui)
     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 (!Ue(r.children))
+  if (!xe(r.children))
     return console.assert(!1, "execPropLeafArray state children must be array"), !1;
-  let f;
-  l !== void 0 && !d ? (n[l] instanceof Array || (n[l] = L(t), s == null || s(e, n[l])), f = n[l]) : (n[t.key] instanceof Array || (n[t.key] = L(t), s == null || s(e, n[t.key])), f = n[t.key]), r.change = !1;
-  for (let p = 0; p < f.length; p++)
-    r.children[p] = {
+  let s;
+  i !== void 0 && !a ? (n[i] instanceof Array || (n[i] = E(t), l == null || l(e, n[i])), s = n[i]) : (n[t.key] instanceof Array || (n[t.key] = E(t), l == null || l(e, n[t.key])), s = n[t.key]), r.change = !1;
+  for (let o = 0; o < s.length; o++)
+    r.children[o] = {
       change: !1,
       children: {}
-    }, He(e, t, f, r.children[p], s, p, !1) && (r.change = !0);
-  return r.change || (r.change = !Re(f, L(t))), r.change;
-}, Ra = (e, t, n, r, s) => {
+    }, je(e, t, s, r.children[o], l, o, !1) && (r.change = !0);
+  return r.change || (r.change = !He(s, E(t))), r.change;
+}, Ra = (e, t, n, r, l) => {
   if (!e.ui)
     return console.assert(!1, "execPropLeafScalar prop ui must be valid"), !1;
-  let l;
-  return r !== void 0 && !s ? l = t[r] : l = t[e.key], n.change = !Re(l, L(e, !0)), n.change;
-}, Ut = (e, t, n) => {
-  if (e.length <= 0 || !t)
-    return {};
-  const r = {};
-  return e.forEach((s) => {
-    r[s.key] = {
+  let i;
+  return r !== void 0 && !l ? i = t[r] : i = t[e.key], n.change = !He(i, E(e, !0)), n.change;
+}, Mt = (e, t, n, r) => {
+  if (t.length <= 0 || !n) {
+    e.value = {};
+    return;
+  }
+  const l = {};
+  t.forEach((i) => {
+    l[i.key] = {
       change: !1,
-      children: s.array ? [] : {}
-    }, He([], s, t, r[s.key], n);
-  }), r;
-}, Ha = { class: "d-flex justify-space-between align-center" }, ja = /* @__PURE__ */ H({
-  __name: "colorPicker",
+      children: i.array ? [] : {}
+    }, je([], i, n, l[i.key], r);
+  }), e.value = l;
+}, ge = (e, t) => {
+  let n, r = e.value;
+  return t.forEach((l) => {
+    let i;
+    if (typeof l == "string" ? st(r) && (i = r[l]) : xe(r) && (i = r[l]), !i)
+      return console.assert(!1, `isPropChanged unpkg failed keys=${t}`), !1;
+    n = i, r = i.children;
+  }), (n == null ? void 0 : n.change) ?? !1;
+};
+function Ha(e, t, n) {
+  const { t: r } = $e();
+  return { renderProp: (i, a, s) => {
+    let o = r(a.name);
+    return ge(e, i) && (o += " *"), g(
+      Ma,
+      {
+        minHeight: t.value
+      },
+      () => [
+        g("span", { class: "ml-1", innerHTML: o }),
+        g("div", { style: { width: n.value } }, s)
+      ]
+    );
+  } };
+}
+function ja(e) {
+  return { renderUiDummy: (n, r, l, i, a) => {
+    if (r.ui !== "dummy")
+      return console.assert(!1), g("div", "renderUiDummy prop ui must be dummy");
+    if (i !== void 0 && !a) {
+      const s = E(r, !0);
+      typeof l[i] != typeof s && (l[i] = s, e(n, l[i]));
+    } else {
+      const s = E(r);
+      typeof l[r.key] != typeof s && (l[r.key] = s, e(n, l[r.key]));
+    }
+  } };
+}
+const Ga = { class: "d-flex justify-space-between align-center" }, za = /* @__PURE__ */ H({
+  __name: "strInput",
   props: /* @__PURE__ */ F({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
@@ -1000,160 +1040,59 @@ const Oe = /* @__PURE__ */ H({
   }),
   emits: /* @__PURE__ */ F(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = de(e, "modelValue"), r = t, s = Y(() => {
-      let f = "100%";
-      return e.hasDelete && (f = "calc(100% - 37px)"), {
-        width: f
-      };
-    }), l = Y(() => e.readonly), d = R("hexa");
-    return (f, p) => {
-      const c = P("v-btn"), g = P("v-icon"), h = P("v-color-picker"), y = P("v-menu");
-      return C(), U(y, { "close-on-content-click": !1 }, {
-        activator: K(({ props: T }) => [
-          Ee("div", Ha, [
-            Ee("div", {
-              style: Ie(s.value)
-            }, [
-              M(c, Ft(T, {
-                density: "comfortable",
-                color: n.value,
-                block: "",
-                disabled: l.value
-              }), {
-                default: K(() => [
-                  Je(xe(n.value), 1)
-                ]),
-                _: 2
-              }, 1040, ["color", "disabled"])
-            ], 4),
-            f.hasDelete ? (C(), U(g, {
-              key: 0,
-              class: "mx-2",
-              icon: N(le),
-              onClick: p[0] || (p[0] = j(($) => r("delete"), ["stop"]))
-            }, null, 8, ["icon"])) : Z("", !0)
-          ])
-        ]),
-        default: K(() => [
-          M(h, {
-            modelValue: n.value,
-            "onUpdate:modelValue": p[1] || (p[1] = (T) => n.value = T),
-            mode: d.value,
-            "onUpdate:mode": p[2] || (p[2] = (T) => d.value = T),
-            "show-swatches": "",
-            "swatches-max-height": "150px"
-          }, null, 8, ["modelValue", "mode"])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Ga = /* @__PURE__ */ H({
-  __name: "compSelect",
-  setup(e) {
-    const t = Y(() => "<n/a>"), n = () => {
-    }, { open: r } = Rt("compSelectDlg", n);
-    return (s, l) => {
-      const d = P("v-btn"), f = P("v-dialog");
-      return C(), U(f, {
-        modelValue: N(r),
-        "onUpdate:modelValue": l[0] || (l[0] = (p) => xt(r) ? r.value = p : null)
-      }, {
-        activator: K(({ props: p }) => [
-          M(d, Ft(p, {
-            density: "comfortable",
-            block: ""
-          }), {
-            default: K(() => [
-              Je(xe(t.value), 1)
-            ]),
-            _: 2
-          }, 1040)
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), za = { class: "d-flex justify-space-between align-center my-2" }, qa = /* @__PURE__ */ H({
-  __name: "multiTypes",
-  props: /* @__PURE__ */ F({
-    hasDelete: { type: Boolean, default: !1 },
-    types: {}
-  }, {
-    modelValue: { default: "" },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ F(["delete"], ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const { t: n } = Qe(), r = de(e, "modelValue"), s = t, l = R(0), d = Y(() => {
-      const c = [];
-      return e.types.forEach((g, h) => {
-        c.push({
-          title: n(g.name),
-          value: h
-        });
-      }), c;
-    });
-    e.types.some((c, g) => c.validator(r.value) ? (l.value = g, !0) : !1);
-    const f = Y(() => e.types[l.value]);
-    qe(f, (c) => {
-      r.value = c.default;
-    });
-    const p = R(0);
-    return bn(() => {
-      f.value.ui === "pixelInput" ? p.value = wn(r.value) : f.value.ui === "percentInput" && (p.value = Sn(r.value));
-    }), qe(p, (c) => {
-      f.value.ui === "pixelInput" ? r.value = c + "px" : f.value.ui === "percentInput" && (r.value = c + "%");
-    }), (c, g) => {
-      const h = P("v-select"), y = P("v-number-input"), T = P("v-icon"), $ = fe("ripple");
-      return C(), W("div", za, [
-        Ee("div", null, [
-          k(M(h, {
-            modelValue: l.value,
-            "onUpdate:modelValue": g[0] || (g[0] = (b) => l.value = b),
-            density: "compact",
-            items: d.value,
-            "hide-details": "",
-            "single-line": ""
-          }, null, 8, ["modelValue", "items"]), [
-            [
-              $,
-              void 0,
-              void 0,
-              { stop: !0 }
-            ]
-          ]),
-          f.value.ui === "pixelInput" || f.value.ui === "percentInput" ? k((C(), U(y, {
-            key: 0,
-            modelValue: p.value,
-            "onUpdate:modelValue": g[1] || (g[1] = (b) => p.value = b),
-            density: "compact",
-            "control-variant": "stacked",
-            precision: f.value.precision,
-            min: f.value.min,
-            max: f.value.max,
-            step: f.value.step,
-            "hide-details": "",
-            "single-line": ""
-          }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
-            [
-              $,
-              void 0,
-              void 0,
-              { stop: !0 }
-            ]
-          ]) : Z("", !0)
+    const n = ce(e, "modelValue"), r = t;
+    return (l, i) => {
+      const a = P("v-text-field"), s = P("v-icon"), o = ue("ripple");
+      return O(), Z("div", Ga, [
+        ee(M(a, {
+          modelValue: n.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (u) => n.value = u),
+          density: "compact",
+          "hide-details": "",
+          "single-line": "",
+          readonly: l.readonly
+        }, null, 8, ["modelValue", "readonly"]), [
+          [
+            o,
+            void 0,
+            void 0,
+            { stop: !0 }
+          ]
         ]),
-        c.hasDelete ? (C(), U(T, {
+        l.hasDelete ? (O(), L(s, {
           key: 0,
           class: "mx-2",
-          icon: N(le),
-          onClick: g[2] || (g[2] = j((b) => s("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Z("", !0)
+          icon: N(ae),
+          onClick: i[1] || (i[1] = j((u) => r("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
-}), Ka = { class: "d-flex justify-space-between align-center" }, Xa = /* @__PURE__ */ H({
+}), fe = (e, t, n, r, l, i) => {
+  const a = E(t, !0);
+  return l !== void 0 && !i ? (typeof n[l] != typeof a && (n[l] = a, r(e, n[l])), n[l]) : (typeof n[t.key] != typeof a && (n[t.key] = a, r(e, n[t.key])), n[t.key]);
+}, de = (e, t, n, r, l, i, a) => {
+  const s = E(t, !0);
+  if (typeof r != typeof s) {
+    console.assert(!1);
+    return;
+  }
+  i !== void 0 && !a ? r !== n[i] && (n[i] = r, l(e, n[i])) : r !== n[t.key] && (n[t.key] = r, l(e, n[t.key]));
+};
+function qa(e) {
+  return { renderUiStrInput: (n, r, l, i, a) => r.ui !== "strInput" ? (console.assert(!1), g("div", "renderUiStrInput prop ui must be strInput")) : g(za, {
+    modelValue: r.static ? r.value : fe(n, r, l, e, i, a),
+    "onUpdate:modelValue": (s) => {
+      r.static || de(n, r, l, s, e, i, a);
+    },
+    hasDelete: i !== void 0 && !a,
+    onDelete: () => {
+      i === void 0 || a || (l.splice(i, 1), e(n.slice(0, -1), l));
+    },
+    readonly: r.static || r.readonly
+  }) };
+}
+const Ka = { class: "d-flex justify-space-between align-center" }, Ia = /* @__PURE__ */ H({
   __name: "numInput",
   props: /* @__PURE__ */ F({
     hasDelete: { type: Boolean, default: !1 },
@@ -1168,153 +1107,362 @@ const Oe = /* @__PURE__ */ H({
   }),
   emits: /* @__PURE__ */ F(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = de(e, "modelValue"), r = t;
-    return (s, l) => {
-      const d = P("v-number-input"), f = P("v-icon"), p = fe("ripple");
-      return C(), W("div", Ka, [
-        k(M(d, {
+    const n = ce(e, "modelValue"), r = t;
+    return (l, i) => {
+      const a = P("v-number-input"), s = P("v-icon"), o = ue("ripple");
+      return O(), Z("div", Ka, [
+        ee(M(a, {
           modelValue: n.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (c) => n.value = c),
+          "onUpdate:modelValue": i[0] || (i[0] = (u) => n.value = u),
           density: "compact",
           "control-variant": "stacked",
-          precision: s.precision,
-          min: s.min,
-          max: s.max,
-          step: s.step,
+          precision: l.precision,
+          min: l.min,
+          max: l.max,
+          step: l.step,
           "hide-details": "",
           "single-line": "",
-          readonly: s.readonly
+          readonly: l.readonly
         }, null, 8, ["modelValue", "precision", "min", "max", "step", "readonly"]), [
           [
-            p,
+            o,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        s.hasDelete ? (C(), U(f, {
+        l.hasDelete ? (O(), L(s, {
           key: 0,
           class: "mx-2",
-          icon: N(le),
-          onClick: l[1] || (l[1] = j((c) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Z("", !0)
+          icon: N(ae),
+          onClick: i[1] || (i[1] = j((u) => r("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
-}), Ya = { class: "d-flex justify-space-between align-center" }, Za = /* @__PURE__ */ H({
-  __name: "select",
+});
+function Xa(e) {
+  return { renderUiNumInput: (n, r, l, i, a) => r.ui !== "numInput" ? (console.assert(!1), g("div", "renderUiNumInput prop ui must be numInput")) : g(Ia, {
+    modelValue: fe(n, r, l, e, i, a),
+    "onUpdate:modelValue": (s) => {
+      de(n, r, l, s, e, i, a);
+    },
+    hasDelete: i !== void 0 && !a,
+    onDelete: () => {
+      i === void 0 || a || (l.splice(i, 1), e(n.slice(0, -1), l));
+    },
+    readonly: r.readonly
+  }) };
+}
+const Ya = { class: "d-flex justify-space-between align-center" }, Za = /* @__PURE__ */ H({
+  __name: "switch",
   props: /* @__PURE__ */ F({
     hasDelete: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    items: {}
+    readonly: { type: Boolean, default: !1 }
   }, {
-    modelValue: {},
+    modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ F(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = de(e, "modelValue"), r = t;
-    return (s, l) => {
-      const d = P("v-select"), f = P("v-icon"), p = fe("ripple");
-      return C(), W("div", Ya, [
-        k(M(d, {
+    const n = ce(e, "modelValue"), r = t;
+    return (l, i) => {
+      const a = P("v-switch"), s = P("v-icon");
+      return O(), Z("div", Ya, [
+        M(a, {
           modelValue: n.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (c) => n.value = c),
+          "onUpdate:modelValue": i[0] || (i[0] = (o) => n.value = o),
+          class: "ml-1",
           density: "compact",
-          items: s.items,
+          color: "primary",
           "hide-details": "",
-          "single-line": "",
-          readonly: s.readonly
-        }, null, 8, ["modelValue", "items", "readonly"]), [
-          [
-            p,
-            void 0,
-            void 0,
-            { stop: !0 }
-          ]
-        ]),
-        s.hasDelete ? (C(), U(f, {
+          readonly: l.readonly
+        }, null, 8, ["modelValue", "readonly"]),
+        l.hasDelete ? (O(), L(s, {
           key: 0,
           class: "mx-2",
-          icon: N(le),
-          onClick: l[1] || (l[1] = j((c) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Z("", !0)
+          icon: N(ae),
+          onClick: i[1] || (i[1] = j((o) => r("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
-}), Wa = { class: "d-flex justify-space-between align-center" }, Ia = /* @__PURE__ */ H({
-  __name: "strInput",
+});
+function Wa(e) {
+  return { renderUiSwitch: (n, r, l, i, a) => r.ui !== "switch" ? (console.assert(!1), g("div", "renderUiSwitch prop ui must be switch")) : g(Za, {
+    modelValue: fe(n, r, l, e, i, a),
+    "onUpdate:modelValue": (s) => {
+      de(n, r, l, s, e, i, a);
+    },
+    hasDelete: i !== void 0 && !a,
+    onDelete: () => {
+      i === void 0 || a || (l.splice(i, 1), e(n.slice(0, 1), l));
+    },
+    readonly: r.readonly
+  }) };
+}
+const Ja = { class: "d-flex justify-space-between align-center" }, Qa = /* @__PURE__ */ H({
+  __name: "select",
   props: /* @__PURE__ */ F({
     hasDelete: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 }
+    readonly: { type: Boolean, default: !1 },
+    items: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ F(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = de(e, "modelValue"), r = t;
-    return (s, l) => {
-      const d = P("v-text-field"), f = P("v-icon"), p = fe("ripple");
-      return C(), W("div", Wa, [
-        k(M(d, {
+    const n = ce(e, "modelValue"), r = t;
+    return (l, i) => {
+      const a = P("v-select"), s = P("v-icon"), o = ue("ripple");
+      return O(), Z("div", Ja, [
+        ee(M(a, {
           modelValue: n.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (c) => n.value = c),
+          "onUpdate:modelValue": i[0] || (i[0] = (u) => n.value = u),
           density: "compact",
+          items: l.items,
           "hide-details": "",
           "single-line": "",
-          readonly: s.readonly
-        }, null, 8, ["modelValue", "readonly"]), [
+          readonly: l.readonly
+        }, null, 8, ["modelValue", "items", "readonly"]), [
           [
-            p,
+            o,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        s.hasDelete ? (C(), U(f, {
+        l.hasDelete ? (O(), L(s, {
           key: 0,
           class: "mx-2",
-          icon: N(le),
-          onClick: l[1] || (l[1] = j((c) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Z("", !0)
+          icon: N(ae),
+          onClick: i[1] || (i[1] = j((u) => r("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
-}), Ja = { class: "d-flex justify-space-between align-center" }, Qa = /* @__PURE__ */ H({
-  __name: "switch",
+});
+function ka(e) {
+  const { t } = $e();
+  return { renderUiSelect: (r, l, i, a, s) => l.ui !== "select" ? (console.assert(!1), g("div", "renderUiSelect prop ui must be select")) : g(Qa, {
+    modelValue: fe(r, l, i, e, a, s),
+    "onUpdate:modelValue": (o) => {
+      de(r, l, i, o, e, a, s);
+    },
+    hasDelete: a !== void 0 && !s,
+    onDelete: () => {
+      a === void 0 || s || (i.splice(a, 1), e(r.slice(0, -1), i));
+    },
+    items: (() => {
+      const o = [];
+      return l.items.forEach(({ title: u, value: f }) => {
+        o.push({
+          title: t(u),
+          value: f
+        });
+      }), o;
+    })(),
+    readonly: l.readonly
+  }) };
+}
+const es = /* @__PURE__ */ H({
+  __name: "compSelect",
+  setup(e) {
+    const t = X(() => "<n/a>"), n = () => {
+    }, { open: r } = Bt("compSelectDlg", n);
+    return (l, i) => {
+      const a = P("v-btn"), s = P("v-dialog");
+      return O(), L(s, {
+        modelValue: N(r),
+        "onUpdate:modelValue": i[0] || (i[0] = (o) => xt(r) ? r.value = o : null)
+      }, {
+        activator: K(({ props: o }) => [
+          M(a, Ft(o, {
+            density: "comfortable",
+            block: ""
+          }), {
+            default: K(() => [
+              Je(Ne(t.value), 1)
+            ]),
+            _: 2
+          }, 1040)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+function ts(e) {
+  return { renderUiCompSelect: (n, r, l, i, a) => r.ui !== "compSelect" ? (console.assert(!1), g("div", "renderUiCompSelect prop ui must be compSelect")) : (console.log(n, r, l, i, a, e), g(es, {})) };
+}
+const ns = { class: "d-flex justify-space-between align-center" }, rs = /* @__PURE__ */ H({
+  __name: "colorPicker",
   props: /* @__PURE__ */ F({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
-    modelValue: { type: Boolean },
+    modelValue: {},
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ F(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = de(e, "modelValue"), r = t;
-    return (s, l) => {
-      const d = P("v-switch"), f = P("v-icon");
-      return C(), W("div", Ja, [
-        M(d, {
-          modelValue: n.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (p) => n.value = p),
-          class: "ml-1",
-          density: "compact",
-          color: "primary",
-          "hide-details": "",
-          readonly: s.readonly
-        }, null, 8, ["modelValue", "readonly"]),
-        s.hasDelete ? (C(), U(f, {
+    const n = ce(e, "modelValue"), r = t, l = X(() => {
+      let s = "100%";
+      return e.hasDelete && (s = "calc(100% - 37px)"), {
+        width: s
+      };
+    }), i = X(() => e.readonly), a = R("hexa");
+    return (s, o) => {
+      const u = P("v-btn"), f = P("v-icon"), d = P("v-color-picker"), _ = P("v-menu");
+      return O(), L(_, { "close-on-content-click": !1 }, {
+        activator: K(({ props: h }) => [
+          De("div", ns, [
+            De("div", {
+              style: Qe(l.value)
+            }, [
+              M(u, Ft(h, {
+                density: "comfortable",
+                color: n.value,
+                block: "",
+                disabled: i.value
+              }), {
+                default: K(() => [
+                  Je(Ne(n.value), 1)
+                ]),
+                _: 2
+              }, 1040, ["color", "disabled"])
+            ], 4),
+            s.hasDelete ? (O(), L(f, {
+              key: 0,
+              class: "mx-2",
+              icon: N(ae),
+              onClick: o[0] || (o[0] = j((T) => r("delete"), ["stop"]))
+            }, null, 8, ["icon"])) : Y("", !0)
+          ])
+        ]),
+        default: K(() => [
+          M(d, {
+            modelValue: n.value,
+            "onUpdate:modelValue": o[1] || (o[1] = (h) => n.value = h),
+            mode: a.value,
+            "onUpdate:mode": o[2] || (o[2] = (h) => a.value = h),
+            "show-swatches": "",
+            "swatches-max-height": "150px"
+          }, null, 8, ["modelValue", "mode"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+function is(e) {
+  return { renderUiColorPicker: (n, r, l, i, a) => r.ui !== "colorPicker" ? (console.assert(!1), g("div", "renderUiColorPicker prop ui must be colorPicker")) : g(rs, {
+    modelValue: fe(n, r, l, e, i, a),
+    "onUpdate:modelValue": (s) => {
+      de(n, r, l, s, e, i, a);
+    },
+    hasDelete: i !== void 0 && !a,
+    onDelete: () => {
+      i === void 0 || a || (l.splice(i, 1), e(n.slice(0, -1), l));
+    },
+    readonly: r.readonly
+  }) };
+}
+const ls = { class: "d-flex justify-space-between align-center my-2" }, as = /* @__PURE__ */ H({
+  __name: "multiTypes",
+  props: /* @__PURE__ */ F({
+    hasDelete: { type: Boolean, default: !1 },
+    types: {}
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ F(["delete"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const { t: n } = $e(), r = ce(e, "modelValue"), l = t, i = R(0), a = X(() => {
+      const u = [];
+      return e.types.forEach((f, d) => {
+        u.push({
+          title: n(f.name),
+          value: d
+        });
+      }), u;
+    });
+    e.types.some((u, f) => u.validator(r.value) ? (i.value = f, !0) : !1);
+    const s = X(() => e.types[i.value]);
+    Ke(s, (u) => {
+      r.value = u.default;
+    });
+    const o = R(0);
+    return bn(() => {
+      s.value.ui === "pixelInput" ? o.value = wn(r.value) : s.value.ui === "percentInput" && (o.value = Sn(r.value));
+    }), Ke(o, (u) => {
+      s.value.ui === "pixelInput" ? r.value = u + "px" : s.value.ui === "percentInput" && (r.value = u + "%");
+    }), (u, f) => {
+      const d = P("v-select"), _ = P("v-number-input"), h = P("v-icon"), T = ue("ripple");
+      return O(), Z("div", ls, [
+        De("div", null, [
+          ee(M(d, {
+            modelValue: i.value,
+            "onUpdate:modelValue": f[0] || (f[0] = ($) => i.value = $),
+            density: "compact",
+            items: a.value,
+            "hide-details": "",
+            "single-line": ""
+          }, null, 8, ["modelValue", "items"]), [
+            [
+              T,
+              void 0,
+              void 0,
+              { stop: !0 }
+            ]
+          ]),
+          s.value.ui === "pixelInput" || s.value.ui === "percentInput" ? ee((O(), L(_, {
+            key: 0,
+            modelValue: o.value,
+            "onUpdate:modelValue": f[1] || (f[1] = ($) => o.value = $),
+            density: "compact",
+            "control-variant": "stacked",
+            precision: s.value.precision,
+            min: s.value.min,
+            max: s.value.max,
+            step: s.value.step,
+            "hide-details": "",
+            "single-line": ""
+          }, null, 8, ["modelValue", "precision", "min", "max", "step"])), [
+            [
+              T,
+              void 0,
+              void 0,
+              { stop: !0 }
+            ]
+          ]) : Y("", !0)
+        ]),
+        u.hasDelete ? (O(), L(h, {
           key: 0,
           class: "mx-2",
-          icon: N(le),
-          onClick: l[1] || (l[1] = j((p) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Z("", !0)
+          icon: N(ae),
+          onClick: f[2] || (f[2] = j(($) => l("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
-}), ka = /* @__PURE__ */ H({
+});
+function ss(e) {
+  return { renderUiMultiTypes: (n, r, l, i, a) => r.ui !== "multiTypes" ? (console.assert(!1), g("div", "renderUiMultiTypes prop ui must be multiTypes")) : g(as, {
+    modelValue: fe(n, r, l, e, i, a),
+    "onUpdate:modelValue": (s) => {
+      de(n, r, l, s, e, i, a);
+    },
+    hasDelete: i !== void 0 && !a,
+    onDelete: () => {
+      i === void 0 || a || (l.splice(i, 1), e(n.slice(0, -1), l));
+    },
+    types: r.types
+  }) };
+}
+const Lt = (e) => !(e instanceof Array), Ue = (e) => e instanceof Array, os = /* @__PURE__ */ H({
   __name: "index",
   props: {
     unique: {},
@@ -1323,241 +1471,128 @@ const Oe = /* @__PURE__ */ H({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = Qe(), { backgroundColor1: r } = ke(), s = e, l = t, d = R("20px"), f = R("56px"), p = R("200px"), c = An({}), g = R({});
-    qe(
-      [() => s.config, () => s.object],
+    const { t: n } = $e(), { backgroundColor1: r } = ke(), l = e, i = t, a = R("20px"), s = R("56px"), o = R("200px"), u = An({}), f = R({}), d = (m, c) => {
+      Mt(f, l.config, l.object), i("change", m, c);
+    };
+    Ke(
+      [() => l.config, () => l.object],
       () => {
-        g.value = Ut(
-          s.config,
-          s.object,
-          (u, i) => {
-            l("change", u, i);
-          }
-        );
+        Mt(f, l.config, l.object, (m, c) => {
+          i("change", m, c);
+        });
       },
       { immediate: !0 }
     );
-    const h = (u) => {
-      let i, o = g.value;
-      return u.forEach((a) => {
-        let v;
-        if (typeof a == "string" ? ot(o) && (v = o[a]) : Ue(o) && (v = o[a]), !v)
-          return console.assert(!1, `isPropChanged unpkg failed keys=${u}`), !1;
-        i = v, o = v.children;
-      }), (i == null ? void 0 : i.change) ?? !1;
-    }, y = (u, i) => {
-      g.value = Ut(s.config, s.object), l("change", u, i);
-    }, T = (u, i, o) => {
-      let a = n(i.name);
-      return h(u) && (a += " *"), _(
-        Va,
-        {
-          minHeight: f.value
-        },
-        () => [
-          _("span", { class: "ml-1", innerHTML: a }),
-          _("div", { style: { width: p.value } }, o)
-        ]
-      );
-    }, $ = (u, i, o, a, v) => {
-      if (i.ui !== "dummy")
-        return console.assert(!1), _("div", "renderUiDummy prop ui must be dummy");
-      if (a !== void 0 && !v) {
-        const m = L(i, !0);
-        typeof o[a] != typeof m && (o[a] = m, y(u, o[a]));
-      } else {
-        const m = L(i);
-        typeof o[i.key] != typeof m && (o[i.key] = m, y(u, o[i.key]));
-      }
-    }, b = (u, i, o, a, v) => i.ui !== "strInput" ? (console.assert(!1), _("div", "renderUiStrInput prop ui must be strInput")) : _(Ia, {
-      modelValue: i.static ? i.value : se(u, i, o, a, v),
-      "onUpdate:modelValue": (m) => {
-        i.static || ue(u, i, o, m, a, v);
-      },
-      hasDelete: a !== void 0 && !v,
-      onDelete: () => {
-        a === void 0 || v || (o.splice(a, 1), y(u.slice(0, -1), o));
-      },
-      readonly: i.static || i.readonly
-    }), V = (u, i, o, a, v) => i.ui !== "numInput" ? (console.assert(!1), _("div", "renderUiNumInput prop ui must be numInput")) : _(Xa, {
-      modelValue: se(u, i, o, a, v),
-      "onUpdate:modelValue": (m) => {
-        ue(u, i, o, m, a, v);
-      },
-      hasDelete: a !== void 0 && !v,
-      onDelete: () => {
-        a === void 0 || v || (o.splice(a, 1), y(u.slice(0, -1), o));
-      },
-      readonly: i.readonly
-    }), D = (u, i, o, a, v) => i.ui !== "switch" ? (console.assert(!1), _("div", "renderUiSwitch prop ui must be switch")) : _(Qa, {
-      modelValue: se(u, i, o, a, v),
-      "onUpdate:modelValue": (m) => {
-        ue(u, i, o, m, a, v);
-      },
-      hasDelete: a !== void 0 && !v,
-      onDelete: () => {
-        a === void 0 || v || (o.splice(a, 1), y(u.slice(0, 1), o));
-      },
-      readonly: i.readonly
-    }), z = (u, i, o, a, v) => i.ui !== "select" ? (console.assert(!1), _("div", "renderUiSelect prop ui must be select")) : _(Za, {
-      modelValue: se(u, i, o, a, v),
-      "onUpdate:modelValue": (m) => {
-        ue(u, i, o, m, a, v);
-      },
-      hasDelete: a !== void 0 && !v,
-      onDelete: () => {
-        a === void 0 || v || (o.splice(a, 1), y(u.slice(0, -1), o));
-      },
-      items: (() => {
-        const m = [];
-        return i.items.forEach(({ title: O, value: q }) => {
-          m.push({
-            title: n(O),
-            value: q
-          });
-        }), m;
-      })(),
-      readonly: i.readonly
-    }), be = (u, i, o, a, v) => i.ui !== "colorPicker" ? (console.assert(!1), _("div", "renderUiColorPicker prop ui must be colorPicker")) : _(ja, {
-      modelValue: se(u, i, o, a, v),
-      "onUpdate:modelValue": (m) => {
-        ue(u, i, o, m, a, v);
-      },
-      hasDelete: a !== void 0 && !v,
-      onDelete: () => {
-        a === void 0 || v || (o.splice(a, 1), y(u.slice(0, -1), o));
-      },
-      readonly: i.readonly
-    }), ae = (u, i, o, a, v) => i.ui !== "multiTypes" ? (console.assert(!1), _("div", "renderUiMultiTypes prop ui must be multiTypes")) : _(qa, {
-      modelValue: se(u, i, o, a, v),
-      "onUpdate:modelValue": (m) => {
-        ue(u, i, o, m, a, v);
-      },
-      hasDelete: a !== void 0 && !v,
-      onDelete: () => {
-        a === void 0 || v || (o.splice(a, 1), y(u.slice(0, -1), o));
-      },
-      types: i.types
-    }), oe = (u, i, o, a, v) => i.ui !== "compSelect" ? (console.assert(!1), _("div", "renderUiCompSelect prop ui must be compSelect")) : (console.log(u, i, o, a, v), _(Ga, {})), se = (u, i, o, a, v) => {
-      const m = L(i, !0);
-      return a !== void 0 && !v ? (typeof o[a] != typeof m && (o[a] = m, y(u, o[a])), o[a]) : (typeof o[i.key] != typeof m && (o[i.key] = m, y(u, o[i.key])), o[i.key]);
-    }, ue = (u, i, o, a, v, m) => {
-      const O = L(i, !0);
-      if (typeof a != typeof O) {
-        console.assert(!1);
-        return;
-      }
-      v !== void 0 && !m ? a !== o[v] && (o[v] = a, y(u, o[v])) : a !== o[i.key] && (o[i.key] = a, y(u, o[i.key]));
-    }, Ae = (u, i, o, a, v, m) => (u = un(u), v !== void 0 ? (u.push(v), m && u.push(i.key)) : u.push(i.key), i.ui ? i.array && v === void 0 ? vn(u, i, o, a, v, m) : mn(u, i, o, v, m) : i.array ? dn(u, i, o, a, v, m) : pn(
-      u,
-      i,
-      o,
-      a,
+    const { renderProp: _ } = Ha(f, s, o), { renderUiDummy: h } = ja(d), { renderUiStrInput: T } = qa(d), { renderUiNumInput: $ } = Xa(d), { renderUiSwitch: C } = Wa(d), { renderUiSelect: D } = ka(d), { renderUiColorPicker: z } = is(d), { renderUiMultiTypes: we } = ss(d), { renderUiCompSelect: se } = ts(d), q = (m, c, v, p, y, S) => (m = un(m), y !== void 0 ? (m.push(y), S && m.push(c.key)) : m.push(c.key), c.ui ? c.array && y === void 0 ? mn(m, c, v, p, y, S) : vn(m, c, v, y, S) : c.array ? dn(m, c, v, p, y, S) : pn(
+      m,
+      c,
       v,
-      m
-    )), dn = (u, i, o, a, v, m) => {
-      if (i.ui)
-        return console.assert(!1), _("div", "renderBranchArray prop ui must be invalid");
-      if (!i.array)
-        return console.assert(!1), _("div", "renderBranchArray prop array must be valid");
-      if (!a)
-        return console.assert(!1), _("div", "renderBranchArray branch must be valid");
-      let O;
-      v !== void 0 && !m ? (o[v] instanceof Array || (o[v] = L(i), y(u, o[i.key])), O = o[v]) : (o[i.key] instanceof Array || (o[i.key] = L(i), y(u, o[i.key])), O = o[i.key]);
-      let q = n(i.name);
-      a.collapse && h(u) && (q += " *");
-      const pe = _(Oe, {
-        title: q,
-        collapse: a.collapse,
+      p,
+      y,
+      S
+    )), dn = (m, c, v, p, y, S) => {
+      if (c.ui)
+        return console.assert(!1), g("div", "renderBranchArray prop ui must be invalid");
+      if (!c.array)
+        return console.assert(!1), g("div", "renderBranchArray prop array must be valid");
+      if (!p)
+        return console.assert(!1), g("div", "renderBranchArray branch must be valid");
+      let V;
+      y !== void 0 && !S ? (v[y] instanceof Array || (v[y] = E(c), d(m, v[c.key])), V = v[y]) : (v[c.key] instanceof Array || (v[c.key] = E(c), d(m, v[c.key])), V = v[c.key]);
+      let Q = n(c.name);
+      p.collapse && ge(f, m) && (Q += " *");
+      const pe = g(Ce, {
+        title: Q,
+        collapse: p.collapse,
         hasCreate: !0,
-        onCollapse: (w) => {
-          a.collapse = w;
+        onCollapse: (A) => {
+          p.collapse = A;
         },
         onCreate: () => {
-          O.push({}), y(u, O);
+          V.push({}), d(m, V);
         }
-      }), x = _(
+      }), x = g(
         "div",
         {
           style: {
-            paddingLeft: d.value
+            paddingLeft: a.value
           }
         },
         (() => {
-          const w = [];
-          for (let E = 0; E < O.length; E++) {
-            if (!Ce(a.children)) {
+          const A = [];
+          for (let U = 0; U < V.length; U++) {
+            if (!Ue(p.children)) {
               console.assert(!1);
               break;
             }
-            a.children[E] || a.children.push({
+            p.children[U] || p.children.push({
               collapse: !0,
               children: {}
             });
-            let we = n("x-prop-tree.entry");
-            a.children[E].collapse && h([...u, E]) && (we += " *");
-            const yn = _(Oe, {
-              title: we,
-              collapse: a.children[E].collapse,
+            let Se = n("x-prop-tree.entry", { index: U });
+            p.children[U].collapse && ge(f, [...m, U]) && (Se += " *");
+            const yn = g(Ce, {
+              title: Se,
+              collapse: p.children[U].collapse,
               hasDelete: !0,
-              index: E,
-              onCollapse: (Q) => {
-                if (!Ce(a.children)) {
+              index: U,
+              onCollapse: (k) => {
+                if (!Ue(p.children)) {
                   console.assert(!1);
                   return;
                 }
-                a.children[E].collapse = Q;
+                p.children[U].collapse = k;
               },
-              onDelete: (Q) => {
-                if (!Ce(a.children)) {
+              onDelete: (k) => {
+                if (!Ue(p.children)) {
                   console.assert(!1);
                   return;
                 }
-                a.children.splice(Q, 1), O.splice(Q, 1), y(u, O);
+                p.children.splice(k, 1), V.splice(k, 1), d(m, V);
               }
             });
-            w.push(yn);
-            const _n = _(
+            A.push(yn);
+            const _n = g(
               "div",
               {
                 style: {
-                  paddingLeft: d.value
+                  paddingLeft: a.value
                 }
               },
               (() => {
-                const Q = [];
-                return i.children.forEach((ve) => {
-                  if (!Ce(a.children)) {
+                const k = [];
+                return c.children.forEach((me) => {
+                  if (!Ue(p.children)) {
                     console.assert(!1);
                     return;
                   }
-                  const Se = a.children[E];
-                  if (!Mt(Se.children)) {
+                  const Pe = p.children[U];
+                  if (!Lt(Pe.children)) {
                     console.assert(!1);
                     return;
                   }
-                  Se.children[ve.key] || (Se.children[ve.key] = {
+                  Pe.children[me.key] || (Pe.children[me.key] = {
                     collapse: !0,
-                    children: ve.array ? [] : {}
+                    children: me.array ? [] : {}
                   });
-                  const hn = Ae(
-                    u,
-                    ve,
-                    O[E],
-                    Se.children[ve.key],
-                    E,
+                  const hn = q(
+                    m,
+                    me,
+                    V[U],
+                    Pe.children[me.key],
+                    U,
                     !0
                   );
-                  Q.push(hn);
-                }), Q;
+                  k.push(hn);
+                }), k;
               })()
             );
-            a.children[E].collapse || w.push(_n);
+            p.children[U].collapse || A.push(_n);
           }
-          return w;
+          return A;
         })()
       );
-      return _(
+      return g(
         "div",
         {
           style: {
@@ -1565,58 +1600,58 @@ const Oe = /* @__PURE__ */ H({
           }
         },
         (() => {
-          const w = [];
-          return w.push(pe), a.collapse || w.push(x), w;
+          const A = [];
+          return A.push(pe), p.collapse || A.push(x), A;
         })()
       );
-    }, pn = (u, i, o, a, v, m) => {
-      if (i.ui)
-        return console.assert(!1), _("div", "renderBranchScalar prop ui must be invalid");
-      if (i.array)
-        return console.assert(!1), _("div", "renderBranchScalar prop array must be invalid");
-      if (!a)
-        return console.assert(!1), _("div", "renderBranchScalar branch must be valid");
-      let O = n(i.name);
-      a.collapse && h(u) && (O += " *");
-      const q = _(Oe, {
-        title: O,
-        collapse: a.collapse,
+    }, pn = (m, c, v, p, y, S) => {
+      if (c.ui)
+        return console.assert(!1), g("div", "renderBranchScalar prop ui must be invalid");
+      if (c.array)
+        return console.assert(!1), g("div", "renderBranchScalar prop array must be invalid");
+      if (!p)
+        return console.assert(!1), g("div", "renderBranchScalar branch must be valid");
+      let V = n(c.name);
+      p.collapse && ge(f, m) && (V += " *");
+      const Q = g(Ce, {
+        title: V,
+        collapse: p.collapse,
         onCollapse: (x) => {
-          a.collapse = x;
+          p.collapse = x;
         },
-        hasDelete: v !== void 0 && !m,
+        hasDelete: y !== void 0 && !S,
         onDelete: () => {
-          v === void 0 || m || (o.splice(v, 1), y(u.slice(0, -1), o));
+          y === void 0 || S || (v.splice(y, 1), d(m.slice(0, -1), v));
         }
-      }), pe = _(
+      }), pe = g(
         "div",
         {
           style: {
-            paddingLeft: d.value
+            paddingLeft: a.value
           }
         },
         (() => {
           const x = [];
-          return i.children.forEach((w) => {
-            if (!Mt(a.children)) {
+          return c.children.forEach((A) => {
+            if (!Lt(p.children)) {
               console.assert(!1);
               return;
             }
-            a.children[w.key] || (a.children[w.key] = {
+            p.children[A.key] || (p.children[A.key] = {
               collapse: !0,
-              children: !w.ui && w.array ? [] : {}
+              children: !A.ui && A.array ? [] : {}
             });
-            const E = Ae(
-              u,
-              w,
-              (typeof o[i.key] != "object" && (o[i.key] = {}, y(u, o[i.key])), o[i.key]),
-              a.children[w.key]
+            const U = q(
+              m,
+              A,
+              (typeof v[c.key] != "object" && (v[c.key] = {}, d(m, v[c.key])), v[c.key]),
+              p.children[A.key]
             );
-            x.push(E);
+            x.push(U);
           }), x;
         })()
       );
-      return _(
+      return g(
         "div",
         {
           style: {
@@ -1625,47 +1660,47 @@ const Oe = /* @__PURE__ */ H({
         },
         (() => {
           const x = [];
-          return x.push(q), a.collapse || x.push(pe), x;
+          return x.push(Q), p.collapse || x.push(pe), x;
         })()
       );
-    }, vn = (u, i, o, a, v, m) => {
-      if (!i.ui)
-        return console.assert(!1), _("div", "renderLeafArray prop ui must be valid");
-      if (!i.array)
-        return console.assert(!1), _("div", "renderLeafArray prop array must be valid");
-      if (!a)
-        return console.assert(!1), _("div", "renderLeafArray branch must be valid");
-      let O;
-      v !== void 0 && !m ? (o[v] instanceof Array || (o[v] = L(i), y(u, o[v])), O = o[v]) : (o[i.key] instanceof Array || (o[i.key] = L(i), y(u, o[i.key])), O = o[i.key]);
-      let q = n(i.name);
-      a.collapse && h(u) && (q += " *");
-      const pe = _(Oe, {
-        title: q,
-        collapse: a.collapse,
+    }, mn = (m, c, v, p, y, S) => {
+      if (!c.ui)
+        return console.assert(!1), g("div", "renderLeafArray prop ui must be valid");
+      if (!c.array)
+        return console.assert(!1), g("div", "renderLeafArray prop array must be valid");
+      if (!p)
+        return console.assert(!1), g("div", "renderLeafArray branch must be valid");
+      let V;
+      y !== void 0 && !S ? (v[y] instanceof Array || (v[y] = E(c), d(m, v[y])), V = v[y]) : (v[c.key] instanceof Array || (v[c.key] = E(c), d(m, v[c.key])), V = v[c.key]);
+      let Q = n(c.name);
+      p.collapse && ge(f, m) && (Q += " *");
+      const pe = g(Ce, {
+        title: Q,
+        collapse: p.collapse,
         hasCreate: !0,
-        onCollapse: (w) => {
-          a.collapse = w;
+        onCollapse: (A) => {
+          p.collapse = A;
         },
         onCreate: () => {
-          O.push(L(i, !0)), y(u, O);
+          V.push(E(c, !0)), d(m, V);
         }
-      }), x = _(
+      }), x = g(
         "div",
         {
           style: {
-            paddingLeft: d.value
+            paddingLeft: a.value
           }
         },
         (() => {
-          const w = [];
-          for (let E = 0; E < O.length; E++) {
-            const we = Ae(u, i, O, void 0, E, !1);
-            w.push(we);
+          const A = [];
+          for (let U = 0; U < V.length; U++) {
+            const Se = q(m, c, V, void 0, U, !1);
+            A.push(Se);
           }
-          return w;
+          return A;
         })()
       );
-      return _(
+      return g(
         "div",
         {
           style: {
@@ -1673,16 +1708,16 @@ const Oe = /* @__PURE__ */ H({
           }
         },
         (() => {
-          const w = [];
-          return w.push(pe), a.collapse || w.push(x), w;
+          const A = [];
+          return A.push(pe), p.collapse || A.push(x), A;
         })()
       );
-    }, mn = (u, i, o, a, v) => {
-      if (!i.ui)
-        return console.assert(!1), _("div", "renderLeafScalar prop ui must be valid");
-      let m;
-      return i.ui === "dummy" ? m = $(u, i, o, a, v) : i.ui === "strInput" ? m = b(u, i, o, a, v) : i.ui === "numInput" ? m = V(u, i, o, a, v) : i.ui === "switch" ? m = D(u, i, o, a, v) : i.ui === "select" ? m = z(u, i, o, a, v) : i.ui === "colorPicker" ? m = be(u, i, o, a, v) : i.ui === "multiTypes" ? m = ae(u, i, o, a, v) : i.ui === "compSelect" ? m = oe(u, i, o, a, v) : console.assert(!1, "renderLeafScalar not implemented"), T(u, i, m ? [m] : []);
-    }, gn = () => _(
+    }, vn = (m, c, v, p, y) => {
+      if (!c.ui)
+        return console.assert(!1), g("div", "renderLeafScalar prop ui must be valid");
+      let S;
+      return c.ui === "dummy" ? S = h(m, c, v, p, y) : c.ui === "strInput" ? S = T(m, c, v, p, y) : c.ui === "numInput" ? S = $(m, c, v, p, y) : c.ui === "switch" ? S = C(m, c, v, p, y) : c.ui === "select" ? S = D(m, c, v, p, y) : c.ui === "colorPicker" ? S = z(m, c, v, p, y) : c.ui === "multiTypes" ? S = we(m, c, v, p, y) : c.ui === "compSelect" ? S = se(m, c, v, p, y) : console.assert(!1, "renderLeafScalar not implemented"), _(m, c, S ? [S] : []);
+    }, gn = () => g(
       "div",
       {
         class: "text-body-2",
@@ -1691,34 +1726,34 @@ const Oe = /* @__PURE__ */ H({
         }
       },
       (() => {
-        const u = [];
-        if (s.unique && s.config.length > 0 && s.object) {
-          c[s.unique] || (c[s.unique] = {});
-          const i = c[s.unique];
-          s.config.forEach((o) => {
-            i[o.key] || (i[o.key] = {
+        const m = [];
+        if (l.unique && l.config.length > 0 && l.object) {
+          u[l.unique] || (u[l.unique] = {});
+          const c = u[l.unique];
+          l.config.forEach((v) => {
+            c[v.key] || (c[v.key] = {
               collapse: !0,
-              children: !o.ui && o.array ? [] : {}
+              children: !v.ui && v.array ? [] : {}
             });
-            const a = Ae([], o, s.object, i[o.key]);
-            u.push(a);
+            const p = q([], v, l.object, c[v.key]);
+            m.push(p);
           });
         }
-        return u;
+        return m;
       })()
     );
-    return (u, i) => (C(), W(Nt, null, [
+    return (m, c) => (O(), Z(Nt, null, [
       M(gn),
-      M(Ea)
+      M(Ua)
     ], 64));
   }
-}), eo = (e) => {
-  e.component("XPropTree", ka);
-}, to = (e, t, n) => {
+}), us = (e) => {
+  e.component("XPropTree", os);
+}, cs = (e, t, n) => {
   const r = e[t];
-  return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((s, l) => {
+  return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((l, i) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      l.bind(
+      i.bind(
         null,
         new Error(
           "Unknown variable dynamic import: " + t + (t.split("/").length !== n ? ". Note that variables only represent file names one level deep." : "")
@@ -1727,11 +1762,11 @@ const Oe = /* @__PURE__ */ H({
     );
   });
 };
-async function ao(e) {
-  return (await to(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en-g17k76yy.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans-f1nv26or.js") }), `./locales/${e}/index.ts`, 4)).default;
+async function vs(e) {
+  return (await cs(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en-eyioipy9.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans-mtvnapj8.js") }), `./locales/${e}/index.ts`, 4)).default;
 }
-const oo = { install: eo };
+const gs = { install: us };
 export {
-  oo as default,
-  ao as loadLocaleMessagePropTree
+  gs as default,
+  vs as loadLocaleMessagePropTree
 };