x-prop-tree 0.5.8 → 0.5.10

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