x-prop-tree 0.5.7 → 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,71 +125,71 @@ 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 a = -1, d = t.length; ++a < d; ) {
-    var f = t[a], 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;
 }
-var ar = 9007199254740991;
+var lr = 9007199254740991;
 function Kt(e) {
-  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= ar;
+  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 lr = Object.prototype;
+var ar = Object.prototype;
 function tt(e) {
-  var t = e && e.constructor, n = typeof t == "function" && t.prototype || lr;
+  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), a = !n && !r && !s && It(e), d = n || r || s || a, 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.
-    a && (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,38 +238,38 @@ 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;
   }
   return ti.call(t, e) ? t[e] : void 0;
 }
 var ri = Object.prototype, ii = ri.hasOwnProperty;
-function ai(e) {
+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 li = "__lodash_hash_undefined__";
-function oi(e, t) {
+var ai = "__lodash_hash_undefined__";
+function si(e, t) {
   var n = this.__data__;
-  return this.size += this.has(e) ? 0 : 1, n[e] = _e && t === void 0 ? li : 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 = ai;
-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,75 +370,75 @@ 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, a = []; ++n < r; ) {
-    var d = e[n];
-    t(d, n, e) && (a[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 a;
+  return i;
 }
 function nn() {
   return [];
 }
-var Li = Object.prototype, Mi = Li.propertyIsEnumerable, ht = Object.getOwnPropertySymbols, at = 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, at(e), t);
+function Li(e, t) {
+  return Fe(e, lt(e), t);
 }
 var xi = Object.getOwnPropertySymbols, rn = xi ? function(e) {
   for (var t = []; e; )
-    kt(t, at(e)), e = en(e);
+    kt(t, lt(e)), e = en(e);
   return t;
 } : nn;
 function Ni(e, t) {
-  return Ne(e, rn(e), t);
+  return Fe(e, rn(e), t);
 }
-function an(e, t, n) {
+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 an(e, rt, at);
+  return ln(e, rt, lt);
 }
 function Fi(e) {
-  return an(e, it, rn);
+  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,356 +455,323 @@ 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;
-function lt(e) {
+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) {
-  var n = t ? lt(e.buffer) : e.buffer;
+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 ? lt(e.buffer) : e.buffer;
+  var n = t ? at(e.buffer) : e.buffer;
   return new e.constructor(n, e.byteOffset, e.length);
 }
-var Qi = "[object Boolean]", ki = "[object Date]", ea = "[object Map]", ta = "[object Number]", na = "[object RegExp]", ra = "[object Set]", ia = "[object String]", aa = "[object Symbol]", la = "[object ArrayBuffer]", oa = "[object DataView]", sa = "[object Float32Array]", ua = "[object Float64Array]", ca = "[object Int8Array]", fa = "[object Int16Array]", da = "[object Int32Array]", pa = "[object Uint8Array]", va = "[object Uint8ClampedArray]", ma = "[object Uint16Array]", ga = "[object Uint32Array]";
-function ya(e, t, n) {
+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) {
-    case la:
-      return lt(e);
+    case al:
+      return at(e);
     case Qi:
     case ki:
       return new r(+e);
-    case oa:
-      return Yi(e, n);
-    case sa:
-    case ua:
-    case ca:
-    case fa:
-    case da:
-    case pa:
-    case va:
-    case ma:
-    case ga:
+    case sl:
+      return Xi(e, n);
+    case ol:
+    case ul:
+    case cl:
+    case fl:
+    case dl:
+    case pl:
+    case ml:
+    case vl:
+    case gl:
       return Ji(e, n);
-    case ea:
+    case el:
       return new r();
-    case ta:
-    case ia:
+    case tl:
+    case il:
       return new r(e);
-    case na:
-      return Wi(e);
-    case ra:
+    case nl:
+      return Zi(e);
+    case rl:
       return new r();
-    case aa:
-      return Ii(e);
+    case ll:
+      return Wi(e);
   }
 }
-function _a(e) {
+function _l(e) {
   return typeof e.constructor == "function" && !tt(e) ? Jn(en(e)) : {};
 }
-var ha = "[object Map]";
-function Ta(e) {
-  return ee(e) && B(e) == ha;
-}
-var Ot = ce && ce.isMap, $a = Ot ? nt(Ot) : Ta, ba = "[object Set]";
-function Aa(e) {
-  return ee(e) && B(e) == ba;
-}
-var Ct = ce && ce.isSet, wa = Ct ? nt(Ct) : Aa, Sa = 1, Pa = 2, Oa = 4, ln = "[object Arguments]", Ca = "[object Array]", Va = "[object Boolean]", Ea = "[object Date]", Da = "[object Error]", on = "[object Function]", La = "[object GeneratorFunction]", Ma = "[object Map]", Ua = "[object Number]", sn = "[object Object]", xa = "[object RegExp]", Na = "[object Set]", Fa = "[object String]", Ba = "[object Symbol]", Ra = "[object WeakMap]", Ha = "[object ArrayBuffer]", ja = "[object DataView]", Ga = "[object Float32Array]", za = "[object Float64Array]", qa = "[object Int8Array]", Ka = "[object Int16Array]", Xa = "[object Int32Array]", Ya = "[object Uint8Array]", Za = "[object Uint8ClampedArray]", Wa = "[object Uint16Array]", Ia = "[object Uint32Array]", A = {};
-A[ln] = A[Ca] = A[Ha] = A[ja] = A[Va] = A[Ea] = A[Ga] = A[za] = A[qa] = A[Ka] = A[Xa] = A[Ma] = A[Ua] = A[sn] = A[xa] = A[Na] = A[Fa] = A[Ba] = A[Ya] = A[Za] = A[Wa] = A[Ia] = !0;
-A[Da] = A[on] = A[Ra] = !1;
-function Ve(e, t, n, r, s, a) {
-  var d, f = t & Sa, p = t & Pa, c = t & Oa;
-  if (d !== void 0)
-    return d;
-  if (!$e(e))
+var hl = "[object Map]";
+function Tl(e) {
+  return te(e) && B(e) == hl;
+}
+var Ot = oe && oe.isMap, $l = Ot ? nt(Ot) : Tl, bl = "[object Set]";
+function Al(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 == La;
-    if (De(e))
-      return Ei(e, f);
-    if (h == sn || h == ln || y && !s) {
-      if (d = p || y ? {} : _a(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 = ya(e, h, f);
+      if (!b[d])
+        return l ? e : {};
+      a = yl(e, d, s);
     }
   }
-  a || (a = new X());
-  var T = a.get(e);
-  if (T)
-    return T;
-  a.set(e, d), wa(e) ? e.forEach(function(V) {
-    d.add(Ve(V, t, n, V, e, a));
-  }) : $a(e) && e.forEach(function(V, E) {
-    d.set(E, Ve(V, t, n, E, e, a));
+  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, E) {
-    b && (E = V, V = e[E]), qt(d, E, Ve(V, t, n, E, e, a));
-  }), 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 Ja = 1, Qa = 4;
+var Jl = 1, Ql = 4;
 function un(e) {
-  return Ve(e, Ja | Qa);
+  return Ve(e, Jl | Ql);
 }
-var ka = "__lodash_hash_undefined__";
-function el(e) {
-  return this.__data__.set(e, ka), this;
+var kl = "__lodash_hash_undefined__";
+function ea(e) {
+  return this.__data__.set(e, kl), this;
 }
-function tl(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 = el;
-Me.prototype.has = tl;
-function nl(e, t) {
+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))
       return !0;
   return !1;
 }
-function rl(e, t) {
+function ra(e, t) {
   return e.has(t);
 }
-var il = 1, al = 2;
-function cn(e, t, n, r, s, a) {
-  var d = n & il, f = e.length, p = t.length;
-  if (f != p && !(d && p > f))
+var ia = 1, la = 2;
+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 = a.get(e), g = a.get(t);
-  if (c && g)
-    return c == t && g == e;
-  var h = -1, y = !0, T = n & al ? new Me() : void 0;
-  for (a.set(e, t), a.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, a) : r($, b, h, e, t, a);
-    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 (!nl(t, function(E, z) {
-        if (!rl(T, z) && ($ === E || s($, E, n, r, a)))
-          return T.push(z);
+    if (h) {
+      if (!na(t, function(D, 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, a))) {
-      y = !1;
+    } else if (!(T === $ || l(T, $, n, r, i))) {
+      _ = !1;
       break;
     }
   }
-  return a.delete(e), a.delete(t), y;
+  return i.delete(e), i.delete(t), _;
 }
-function ll(e) {
+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 ol(e) {
+function sa(e) {
   var t = -1, n = Array(e.size);
   return e.forEach(function(r) {
     n[++t] = r;
   }), n;
 }
-var sl = 1, ul = 2, cl = "[object Boolean]", fl = "[object Date]", dl = "[object Error]", pl = "[object Map]", vl = "[object Number]", ml = "[object RegExp]", gl = "[object Set]", yl = "[object String]", _l = "[object Symbol]", hl = "[object ArrayBuffer]", Tl = "[object DataView]", Vt = J ? J.prototype : void 0, ze = Vt ? Vt.valueOf : void 0;
-function $l(e, t, n, r, s, a, 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 Tl:
+    case Ta:
       if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)
         return !1;
       e = e.buffer, t = t.buffer;
-    case hl:
-      return !(e.byteLength != t.byteLength || !a(new Le(e), new Le(t)));
-    case cl:
-    case fl:
-    case vl:
+    case ha:
+      return !(e.byteLength != t.byteLength || !i(new Me(e), new Me(t)));
+    case ca:
+    case fa:
+    case ma:
       return et(+e, +t);
-    case dl:
+    case da:
       return e.name == t.name && e.message == t.message;
-    case ml:
-    case yl:
+    case va:
+    case ya:
       return e == t + "";
-    case pl:
-      var f = ll;
-    case gl:
-      var p = r & sl;
-      if (f || (f = ol), e.size != t.size && !p)
+    case pa:
+      var s = aa;
+    case ga:
+      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 |= ul, d.set(e, t);
-      var g = cn(f(e), f(t), r, s, a, d);
-      return d.delete(e), g;
-    case _l:
-      if (ze)
-        return ze.call(e) == ze.call(t);
+      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 (qe)
+        return qe.call(e) == qe.call(t);
   }
   return !1;
 }
-var bl = 1, Al = Object.prototype, wl = Al.hasOwnProperty;
-function Sl(e, t, n, r, s, a) {
-  var d = n & bl, f = Xe(e), p = f.length, c = Xe(t), g = c.length;
-  if (p != g && !d)
+var ba = 1, Aa = Object.prototype, wa = Aa.hasOwnProperty;
+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 : wl.call(t, y)))
+  for (var d = o; d--; ) {
+    var _ = s[d];
+    if (!(a ? _ in t : wa.call(t, _)))
       return !1;
   }
-  var T = a.get(e), $ = a.get(t);
-  if (T && $)
-    return T == t && $ == e;
-  var b = !0;
-  a.set(e, t), a.set(t, e);
-  for (var V = d; ++h < p; ) {
-    y = f[h];
-    var E = 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, E, y, t, e, a) : r(E, z, y, e, t, a);
-    if (!(be === void 0 ? E === z || s(E, z, n, r, a) : 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 le = e.constructor, oe = t.constructor;
-    le != oe && "constructor" in e && "constructor" in t && !(typeof le == "function" && le instanceof le && 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 a.delete(e), a.delete(t), b;
-}
-var Pl = 1, Et = "[object Arguments]", Dt = "[object Array]", Pe = "[object Object]", Ol = Object.prototype, Lt = Ol.hasOwnProperty;
-function Cl(e, t, n, r, s, a) {
-  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 a || (a = new X()), d || It(e) ? cn(e, t, n, r, s, a) : $l(e, t, p, n, r, s, a);
-  if (!(n & Pl)) {
-    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 a || (a = new X()), s(b, V, n, r, a);
+  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 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 ? (a || (a = new X()), Sl(e, t, n, r, s, a)) : !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 : Cl(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 Vl = /* @__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"
-    })), a = (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(a, ["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]
-      ]);
-    };
-  }
-}), El = /* @__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]), a = (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 a(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 Vl = /* @__PURE__ */ H({
     };
   }
 });
-var Dl = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", Ll = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", ae = "M19,13H5V11H19V13Z", Ml = "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,168 +799,238 @@ const Oe = /* @__PURE__ */ H({
   },
   emits: ["collapse", "create", "delete"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = ke(), s = t, a = R(!1), d = Y(() => ({
-      background: a.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] = ($) => a.value = !0),
-        onMouseout: g[3] || (g[3] = ($) => a.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(Ll) : N(Dl)
+          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(Ml),
-          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(ae),
-          onClick: g[1] || (g[1] = j(($) => s("delete", c.index), ["stop"]))
-        }, null, 8, ["icon"])) : Z("", !0)
+          onClick: f[1] || (f[1] = j((T) => l("delete", u.index), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
+      ], 36)), [
+        [h]
+      ]);
+    };
+  }
+}), 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)), [
-        [T]
+        [o]
       ]);
     };
   }
-}), Mt = (e) => !(e instanceof Array), Ce = (e) => e instanceof Array, ot = (e) => !(e instanceof Array), Ue = (e) => e instanceof Array, Ul = [
+}), st = (e) => !(e instanceof Array), xe = (e) => e instanceof Array, La = [
   ["basic", "id"],
   ["basic", "name"]
-], xl = (e) => (Ul.forEach((t) => {
-  if (Re(e, t))
-    return !0;
-}), !1), He = (e, t, n, r, s, a, d) => (e = un(e), a !== void 0 ? (e.push(a), d && e.push(t.key)) : e.push(t.key), xl(e), t.ui ? t.array && a === void 0 ? Bl(
+], 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,
-  a,
-  d
-) : Rl(t, n, r, a, d) : t.array ? Nl(
+  l,
+  i,
+  a
+) : Ra(t, n, r, i, a) : t.array ? Na(
   e,
   t,
   n,
   r,
-  s,
-  a,
-  d
-) : Fl(
+  l,
+  i,
+  a
+) : Fa(
   e,
   t,
   n,
   r,
-  s,
-  a,
-  d
-)), Nl = (e, t, n, r, s, a, d) => {
+  l,
+  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;
-  a !== void 0 && !d ? (n[a] instanceof Array || (n[a] = L(t), s == null || s(e, n[a])), f = n[a]) : (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;
-}, Fl = (e, t, n, r, s, a, 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;
-  a !== void 0 && !d ? (n[a] || (n[a] = {}), f = n[a]) : (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;
-}, Bl = (e, t, n, r, s, a, 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;
-  a !== void 0 && !d ? (n[a] instanceof Array || (n[a] = L(t), s == null || s(e, n[a])), f = n[a]) : (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;
-}, Rl = (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 a;
-  return r !== void 0 && !s ? a = t[r] : a = t[e.key], n.change = !Re(a, 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;
-}, Hl = { class: "d-flex justify-space-between align-center" }, jl = /* @__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 }
@@ -1003,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
-      };
-    }), a = 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", Hl, [
-            Ee("div", {
-              style: Ie(s.value)
-            }, [
-              M(c, Ft(T, {
-                density: "comfortable",
-                color: n.value,
-                block: "",
-                disabled: a.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(ae),
-              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
-      });
-    };
-  }
-}), Gl = /* @__PURE__ */ H({
-  __name: "compSelect",
-  setup(e) {
-    const t = Y(() => "<n/a>"), n = () => {
-    }, { open: r } = Rt("compSelectDlg", n);
-    return (s, a) => {
-      const d = P("v-btn"), f = P("v-dialog");
-      return C(), U(f, {
-        modelValue: N(r),
-        "onUpdate:modelValue": a[0] || (a[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"]);
-    };
-  }
-}), zl = { class: "d-flex justify-space-between align-center my-2" }, ql = /* @__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, a = 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) ? (a.value = g, !0) : !1);
-    const f = Y(() => e.types[a.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", zl, [
-        Ee("div", null, [
-          k(M(h, {
-            modelValue: a.value,
-            "onUpdate:modelValue": g[0] || (g[0] = (b) => a.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(ae),
-          onClick: g[2] || (g[2] = j((b) => s("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Z("", !0)
+          onClick: i[1] || (i[1] = j((u) => r("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
-}), Kl = { class: "d-flex justify-space-between align-center" }, Xl = /* @__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 },
@@ -1171,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, a) => {
-      const d = P("v-number-input"), f = P("v-icon"), p = fe("ripple");
-      return C(), W("div", Kl, [
-        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": a[0] || (a[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(ae),
-          onClick: a[1] || (a[1] = j((c) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Z("", !0)
+          onClick: i[1] || (i[1] = j((u) => r("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
-}), Yl = { class: "d-flex justify-space-between align-center" }, Zl = /* @__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, a) => {
-      const d = P("v-select"), f = P("v-icon"), p = fe("ripple");
-      return C(), W("div", Yl, [
-        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": a[0] || (a[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(ae),
-          onClick: a[1] || (a[1] = j((c) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Z("", !0)
+          onClick: i[1] || (i[1] = j((o) => r("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
-}), Wl = { class: "d-flex justify-space-between align-center" }, Il = /* @__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, a) => {
-      const d = P("v-text-field"), f = P("v-icon"), p = fe("ripple");
-      return C(), W("div", Wl, [
-        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": a[0] || (a[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(ae),
-          onClick: a[1] || (a[1] = j((c) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Z("", !0)
+          onClick: i[1] || (i[1] = j((u) => r("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
-}), Jl = { class: "d-flex justify-space-between align-center" }, Ql = /* @__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, a) => {
-      const d = P("v-switch"), f = P("v-icon");
-      return C(), W("div", Jl, [
-        M(d, {
-          modelValue: n.value,
-          "onUpdate:modelValue": a[0] || (a[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(ae),
-          onClick: a[1] || (a[1] = j((p) => r("delete"), ["stop"]))
-        }, null, 8, ["icon"])) : Z("", !0)
+          onClick: f[2] || (f[2] = j(($) => l("delete"), ["stop"]))
+        }, null, 8, ["icon"])) : Y("", !0)
       ]);
     };
   }
-}), kl = /* @__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: {},
@@ -1326,241 +1471,128 @@ const Oe = /* @__PURE__ */ H({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = Qe(), { backgroundColor1: r } = ke(), s = e, a = 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) => {
-            a("change", u, i);
-          }
-        );
+        Mt(f, l.config, l.object, (m, c) => {
+          i("change", m, c);
+        });
       },
       { immediate: !0 }
     );
-    const h = (u) => {
-      let i, l = g.value;
-      return u.forEach((o) => {
-        let v;
-        if (typeof o == "string" ? ot(l) && (v = l[o]) : Ue(l) && (v = l[o]), !v)
-          return console.assert(!1, `isPropChanged unpkg failed keys=${u}`), !1;
-        i = v, l = v.children;
-      }), (i == null ? void 0 : i.change) ?? !1;
-    }, y = (u, i) => {
-      g.value = Ut(s.config, s.object), a("change", u, i);
-    }, T = (u, i, l) => {
-      let o = n(i.name);
-      return h(u) && (o += " *"), _(
-        Vl,
-        {
-          minHeight: f.value
-        },
-        () => [
-          _("span", { class: "ml-1", innerHTML: o }),
-          _("div", { style: { width: p.value } }, l)
-        ]
-      );
-    }, $ = (u, i, l, o, v) => {
-      if (i.ui !== "dummy")
-        return console.assert(!1), _("div", "renderUiDummy prop ui must be dummy");
-      if (o !== void 0 && !v) {
-        const m = L(i, !0);
-        typeof l[o] != typeof m && (l[o] = m, y(u, l[o]));
-      } else {
-        const m = L(i);
-        typeof l[i.key] != typeof m && (l[i.key] = m, y(u, l[i.key]));
-      }
-    }, b = (u, i, l, o, v) => i.ui !== "strInput" ? (console.assert(!1), _("div", "renderUiStrInput prop ui must be strInput")) : _(Il, {
-      modelValue: i.static ? i.value : se(u, i, l, o, v),
-      "onUpdate:modelValue": (m) => {
-        i.static || ue(u, i, l, m, o, v);
-      },
-      hasDelete: o !== void 0 && !v,
-      onDelete: () => {
-        o === void 0 || v || (l.splice(o, 1), y(u.slice(0, -1), l));
-      },
-      readonly: i.static || i.readonly
-    }), V = (u, i, l, o, v) => i.ui !== "numInput" ? (console.assert(!1), _("div", "renderUiNumInput prop ui must be numInput")) : _(Xl, {
-      modelValue: se(u, i, l, o, v),
-      "onUpdate:modelValue": (m) => {
-        ue(u, i, l, m, o, v);
-      },
-      hasDelete: o !== void 0 && !v,
-      onDelete: () => {
-        o === void 0 || v || (l.splice(o, 1), y(u.slice(0, -1), l));
-      },
-      readonly: i.readonly
-    }), E = (u, i, l, o, v) => i.ui !== "switch" ? (console.assert(!1), _("div", "renderUiSwitch prop ui must be switch")) : _(Ql, {
-      modelValue: se(u, i, l, o, v),
-      "onUpdate:modelValue": (m) => {
-        ue(u, i, l, m, o, v);
-      },
-      hasDelete: o !== void 0 && !v,
-      onDelete: () => {
-        o === void 0 || v || (l.splice(o, 1), y(u.slice(0, 1), l));
-      },
-      readonly: i.readonly
-    }), z = (u, i, l, o, v) => i.ui !== "select" ? (console.assert(!1), _("div", "renderUiSelect prop ui must be select")) : _(Zl, {
-      modelValue: se(u, i, l, o, v),
-      "onUpdate:modelValue": (m) => {
-        ue(u, i, l, m, o, v);
-      },
-      hasDelete: o !== void 0 && !v,
-      onDelete: () => {
-        o === void 0 || v || (l.splice(o, 1), y(u.slice(0, -1), l));
-      },
-      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, l, o, v) => i.ui !== "colorPicker" ? (console.assert(!1), _("div", "renderUiColorPicker prop ui must be colorPicker")) : _(jl, {
-      modelValue: se(u, i, l, o, v),
-      "onUpdate:modelValue": (m) => {
-        ue(u, i, l, m, o, v);
-      },
-      hasDelete: o !== void 0 && !v,
-      onDelete: () => {
-        o === void 0 || v || (l.splice(o, 1), y(u.slice(0, -1), l));
-      },
-      readonly: i.readonly
-    }), le = (u, i, l, o, v) => i.ui !== "multiTypes" ? (console.assert(!1), _("div", "renderUiMultiTypes prop ui must be multiTypes")) : _(ql, {
-      modelValue: se(u, i, l, o, v),
-      "onUpdate:modelValue": (m) => {
-        ue(u, i, l, m, o, v);
-      },
-      hasDelete: o !== void 0 && !v,
-      onDelete: () => {
-        o === void 0 || v || (l.splice(o, 1), y(u.slice(0, -1), l));
-      },
-      types: i.types
-    }), oe = (u, i, l, o, v) => i.ui !== "compSelect" ? (console.assert(!1), _("div", "renderUiCompSelect prop ui must be compSelect")) : (console.log(u, i, l, o, v), _(Gl, {})), se = (u, i, l, o, v) => {
-      const m = L(i, !0);
-      return o !== void 0 && !v ? (typeof l[o] != typeof m && (l[o] = m, y(u, l[o])), l[o]) : (typeof l[i.key] != typeof m && (l[i.key] = m, y(u, l[i.key])), l[i.key]);
-    }, ue = (u, i, l, o, v, m) => {
-      const O = L(i, !0);
-      if (typeof o != typeof O) {
-        console.assert(!1);
-        return;
-      }
-      v !== void 0 && !m ? o !== l[v] && (l[v] = o, y(u, l[v])) : o !== l[i.key] && (l[i.key] = o, y(u, l[i.key]));
-    }, Ae = (u, i, l, o, 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, l, o, v, m) : mn(u, i, l, v, m) : i.array ? dn(u, i, l, o, v, m) : pn(
-      u,
-      i,
-      l,
-      o,
+    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, l, o, 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 (!o)
-        return console.assert(!1), _("div", "renderBranchArray branch must be valid");
-      let O;
-      v !== void 0 && !m ? (l[v] instanceof Array || (l[v] = L(i), y(u, l[i.key])), O = l[v]) : (l[i.key] instanceof Array || (l[i.key] = L(i), y(u, l[i.key])), O = l[i.key]);
-      let q = n(i.name);
-      h(u) && (q += " *");
-      const pe = _(Oe, {
-        title: q,
-        collapse: o.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) => {
-          o.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 D = 0; D < O.length; D++) {
-            if (!Ce(o.children)) {
+          const A = [];
+          for (let U = 0; U < V.length; U++) {
+            if (!Ue(p.children)) {
               console.assert(!1);
               break;
             }
-            o.children[D] || o.children.push({
+            p.children[U] || p.children.push({
               collapse: !0,
               children: {}
             });
-            let we = n("x-prop-tree.entry");
-            h([...u, D]) && (we += " *");
-            const yn = _(Oe, {
-              title: we,
-              collapse: o.children[D].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: D,
-              onCollapse: (Q) => {
-                if (!Ce(o.children)) {
+              index: U,
+              onCollapse: (k) => {
+                if (!Ue(p.children)) {
                   console.assert(!1);
                   return;
                 }
-                o.children[D].collapse = Q;
+                p.children[U].collapse = k;
               },
-              onDelete: (Q) => {
-                if (!Ce(o.children)) {
+              onDelete: (k) => {
+                if (!Ue(p.children)) {
                   console.assert(!1);
                   return;
                 }
-                o.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(o.children)) {
+                const k = [];
+                return c.children.forEach((me) => {
+                  if (!Ue(p.children)) {
                     console.assert(!1);
                     return;
                   }
-                  const Se = o.children[D];
-                  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[D],
-                    Se.children[ve.key],
-                    D,
+                  const hn = q(
+                    m,
+                    me,
+                    V[U],
+                    Pe.children[me.key],
+                    U,
                     !0
                   );
-                  Q.push(hn);
-                }), Q;
+                  k.push(hn);
+                }), k;
               })()
             );
-            o.children[D].collapse || w.push(_n);
+            p.children[U].collapse || A.push(_n);
           }
-          return w;
+          return A;
         })()
       );
-      return _(
+      return g(
         "div",
         {
           style: {
@@ -1568,58 +1600,58 @@ const Oe = /* @__PURE__ */ H({
           }
         },
         (() => {
-          const w = [];
-          return w.push(pe), o.collapse || w.push(x), w;
+          const A = [];
+          return A.push(pe), p.collapse || A.push(x), A;
         })()
       );
-    }, pn = (u, i, l, o, 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 (!o)
-        return console.assert(!1), _("div", "renderBranchScalar branch must be valid");
-      let O = n(i.name);
-      h(u) && (O += " *");
-      const q = _(Oe, {
-        title: O,
-        collapse: o.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) => {
-          o.collapse = x;
+          p.collapse = x;
         },
-        hasDelete: v !== void 0 && !m,
+        hasDelete: y !== void 0 && !S,
         onDelete: () => {
-          v === void 0 || m || (l.splice(v, 1), y(u.slice(0, -1), l));
+          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(o.children)) {
+          return c.children.forEach((A) => {
+            if (!Lt(p.children)) {
               console.assert(!1);
               return;
             }
-            o.children[w.key] || (o.children[w.key] = {
+            p.children[A.key] || (p.children[A.key] = {
               collapse: !0,
-              children: !w.ui && w.array ? [] : {}
+              children: !A.ui && A.array ? [] : {}
             });
-            const D = Ae(
-              u,
-              w,
-              (typeof l[i.key] != "object" && (l[i.key] = {}, y(u, l[i.key])), l[i.key]),
-              o.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(D);
+            x.push(U);
           }), x;
         })()
       );
-      return _(
+      return g(
         "div",
         {
           style: {
@@ -1628,47 +1660,47 @@ const Oe = /* @__PURE__ */ H({
         },
         (() => {
           const x = [];
-          return x.push(q), o.collapse || x.push(pe), x;
+          return x.push(Q), p.collapse || x.push(pe), x;
         })()
       );
-    }, vn = (u, i, l, o, 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 (!o)
-        return console.assert(!1), _("div", "renderLeafArray branch must be valid");
-      let O;
-      v !== void 0 && !m ? (l[v] instanceof Array || (l[v] = L(i), y(u, l[v])), O = l[v]) : (l[i.key] instanceof Array || (l[i.key] = L(i), y(u, l[i.key])), O = l[i.key]);
-      let q = n(i.name);
-      h(u) && (q += " *");
-      const pe = _(Oe, {
-        title: q,
-        collapse: o.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) => {
-          o.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 D = 0; D < O.length; D++) {
-            const we = Ae(u, i, O, void 0, D, !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: {
@@ -1676,16 +1708,16 @@ const Oe = /* @__PURE__ */ H({
           }
         },
         (() => {
-          const w = [];
-          return w.push(pe), o.collapse || w.push(x), w;
+          const A = [];
+          return A.push(pe), p.collapse || A.push(x), A;
         })()
       );
-    }, mn = (u, i, l, o, v) => {
-      if (!i.ui)
-        return console.assert(!1), _("div", "renderLeafScalar prop ui must be valid");
-      let m;
-      return i.ui === "dummy" ? m = $(u, i, l, o, v) : i.ui === "strInput" ? m = b(u, i, l, o, v) : i.ui === "numInput" ? m = V(u, i, l, o, v) : i.ui === "switch" ? m = E(u, i, l, o, v) : i.ui === "select" ? m = z(u, i, l, o, v) : i.ui === "colorPicker" ? m = be(u, i, l, o, v) : i.ui === "multiTypes" ? m = le(u, i, l, o, v) : i.ui === "compSelect" ? m = oe(u, i, l, o, 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",
@@ -1694,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((l) => {
-            i[l.key] || (i[l.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: !l.ui && l.array ? [] : {}
+              children: !v.ui && v.array ? [] : {}
             });
-            const o = Ae([], l, s.object, i[l.key]);
-            u.push(o);
+            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(El)
+      M(Ua)
     ], 64));
   }
-}), eo = (e) => {
-  e.component("XPropTree", kl);
-}, 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, a) => {
+  return r ? typeof r == "function" ? r() : Promise.resolve(r) : new Promise((l, i) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      a.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." : "")
@@ -1730,11 +1762,11 @@ const Oe = /* @__PURE__ */ H({
     );
   });
 };
-async function lo(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,
-  lo as loadLocaleMessagePropTree
+  gs as default,
+  vs as loadLocaleMessagePropTree
 };