x-prop-tree 0.6.6 → 0.6.7

package/dist/components/propTree/composables/common.d.ts

@@ -1,4 +1,4 @@
 import { ZProp } from 'x-runtime-lib';
 import { ChangeEvent } from '../common';
-export declare const getModelValue: (_keys: (string | number)[], prop: ZProp, object: any, _changeEvent: ChangeEvent, arrayIndex?: number, isBranch?: boolean) => any;
+export declare const getModelValue: (keys: (string | number)[], prop: ZProp, object: any, changeEvent: ChangeEvent, arrayIndex?: number, isBranch?: boolean) => any;
 export declare const setModelValue: (keys: (string | number)[], prop: ZProp, object: any, val: unknown, changeEvent: ChangeEvent, arrayIndex?: number, isBranch?: boolean) => void;

package/dist/index.js

@@ -1,8 +1,8 @@
-import { provide as Me, inject as Ue, defineComponent as z, ref as B, computed as F, resolveComponent as O, createBlock as R, openBlock as S, unref as E, isRef as Fe, withCtx as J, createVNode as k, createElementBlock as H, Fragment as He, renderList as Ht, createTextVNode as st, toDisplayString as re, resolveDirective as le, withDirectives as Y, withModifiers as K, normalizeStyle as ae, createElementVNode as q, createCommentVNode as I, renderSlot as Un, h as _, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as zt, withKeys as Vn, mergeProps as Kt, watchEffect as mt, watch as Be, reactive as Ln, onMounted as Dn, onBeforeUnmount as jn } from "vue";
+import { provide as Me, inject as Ue, defineComponent as z, ref as k, computed as F, resolveComponent as O, createBlock as R, openBlock as S, unref as E, isRef as Fe, withCtx as J, createVNode as B, createElementBlock as H, Fragment as He, renderList as Ht, createTextVNode as st, toDisplayString as re, resolveDirective as le, withDirectives as Y, withModifiers as K, normalizeStyle as ae, createElementVNode as q, createCommentVNode as I, renderSlot as Un, h as _, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as zt, withKeys as Vn, mergeProps as Kt, watchEffect as mt, watch as ke, reactive as Ln, onMounted as Dn, onBeforeUnmount as jn } from "vue";
 import { useI18n as ie } from "vue-i18n";
 import { useViewStack as at, useColor as Te, eventBus as _e, useSystem as En } from "x-essential-lib";
-import { getPropDefault as N, parsePixelStr as Nn, parsePercentStr as kn } from "x-runtime-lib";
-import { useDisplay as Bn } from "vuetify";
+import { getPropDefault as N, parsePixelStr as Nn, parsePercentStr as Bn } from "x-runtime-lib";
+import { useDisplay as kn } from "vuetify";
 import { globalState as Rn } from "x-state-lib";
 var qt = typeof global == "object" && global && global.Object === Object && global, Fn = typeof self == "object" && self && self.Object === Object && self, Q = qt || Fn || Function("return this")(), ue = Q.Symbol, It = Object.prototype, Hn = It.hasOwnProperty, Gn = It.toString, we = ue ? ue.toStringTag : void 0;
 function zn(e) {
@@ -23,7 +23,7 @@ var Xn = "[object Null]", Zn = "[object Undefined]", gt = ue ? ue.toStringTag :
 function Ve(e) {
   return e == null ? e === void 0 ? Zn : Xn : gt && gt in Object(e) ? zn(e) : In(e);
 }
-function fe(e) {
+function de(e) {
   return e != null && typeof e == "object";
 }
 var Pe = Array.isArray;
@@ -46,7 +46,7 @@ function er(e) {
   return !!yt && yt in e;
 }
 var tr = Function.prototype, nr = tr.toString;
-function pe(e) {
+function ve(e) {
   if (e != null) {
     try {
       return nr.call(e);
@@ -66,16 +66,16 @@ function cr(e) {
   if (!qe(e) || er(e))
     return !1;
   var t = Xt(e) ? ur : or;
-  return t.test(pe(e));
+  return t.test(ve(e));
 }
 function fr(e, t) {
   return e == null ? void 0 : e[t];
 }
-function ve(e, t) {
+function me(e, t) {
   var n = fr(e, t);
   return cr(n) ? n : void 0;
 }
-var nt = ve(Q, "WeakMap"), ht = Object.create, dr = /* @__PURE__ */ function() {
+var nt = me(Q, "WeakMap"), ht = Object.create, dr = /* @__PURE__ */ function() {
   function e() {
   }
   return function(t) {
@@ -89,7 +89,7 @@ var nt = ve(Q, "WeakMap"), ht = Object.create, dr = /* @__PURE__ */ function() {
   };
 }(), _t = function() {
   try {
-    var e = ve(Object, "defineProperty");
+    var e = me(Object, "defineProperty");
     return e({}, "", {}), e;
   } catch {
   }
@@ -139,21 +139,21 @@ function wr(e, t) {
 }
 var Ar = "[object Arguments]";
 function bt(e) {
-  return fe(e) && Ve(e) == Ar;
+  return de(e) && Ve(e) == Ar;
 }
 var Wt = Object.prototype, Cr = Wt.hasOwnProperty, Pr = Wt.propertyIsEnumerable, Or = bt(/* @__PURE__ */ function() {
   return arguments;
 }()) ? bt : function(e) {
-  return fe(e) && Cr.call(e, "callee") && !Pr.call(e, "callee");
+  return de(e) && Cr.call(e, "callee") && !Pr.call(e, "callee");
 };
 function xr() {
   return !1;
 }
-var Yt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Yt && typeof module == "object" && module && !module.nodeType && module, Mr = $t && $t.exports === Yt, Tt = Mr ? Q.Buffer : void 0, Ur = Tt ? Tt.isBuffer : void 0, Ge = Ur || xr, Vr = "[object Arguments]", Lr = "[object Array]", Dr = "[object Boolean]", jr = "[object Date]", Er = "[object Error]", Nr = "[object Function]", kr = "[object Map]", Br = "[object Number]", Rr = "[object Object]", Fr = "[object RegExp]", Hr = "[object Set]", Gr = "[object String]", zr = "[object WeakMap]", Kr = "[object ArrayBuffer]", qr = "[object DataView]", Ir = "[object Float32Array]", Xr = "[object Float64Array]", Zr = "[object Int8Array]", Jr = "[object Int16Array]", Wr = "[object Int32Array]", Yr = "[object Uint8Array]", Qr = "[object Uint8ClampedArray]", eo = "[object Uint16Array]", to = "[object Uint32Array]", x = {};
+var Yt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Yt && typeof module == "object" && module && !module.nodeType && module, Mr = $t && $t.exports === Yt, Tt = Mr ? Q.Buffer : void 0, Ur = Tt ? Tt.isBuffer : void 0, Ge = Ur || xr, Vr = "[object Arguments]", Lr = "[object Array]", Dr = "[object Boolean]", jr = "[object Date]", Er = "[object Error]", Nr = "[object Function]", Br = "[object Map]", kr = "[object Number]", Rr = "[object Object]", Fr = "[object RegExp]", Hr = "[object Set]", Gr = "[object String]", zr = "[object WeakMap]", Kr = "[object ArrayBuffer]", qr = "[object DataView]", Ir = "[object Float32Array]", Xr = "[object Float64Array]", Zr = "[object Int8Array]", Jr = "[object Int16Array]", Wr = "[object Int32Array]", Yr = "[object Uint8Array]", Qr = "[object Uint8ClampedArray]", eo = "[object Uint16Array]", to = "[object Uint32Array]", x = {};
 x[Ir] = x[Xr] = x[Zr] = x[Jr] = x[Wr] = x[Yr] = x[Qr] = x[eo] = x[to] = !0;
-x[Vr] = x[Lr] = x[Kr] = x[Dr] = x[qr] = x[jr] = x[Er] = x[Nr] = x[kr] = x[Br] = x[Rr] = x[Fr] = x[Hr] = x[Gr] = x[zr] = !1;
+x[Vr] = x[Lr] = x[Kr] = x[Dr] = x[qr] = x[jr] = x[Er] = x[Nr] = x[Br] = x[kr] = x[Rr] = x[Fr] = x[Hr] = x[Gr] = x[zr] = !1;
 function no(e) {
-  return fe(e) && Zt(e.length) && !!x[Ve(e)];
+  return de(e) && Zt(e.length) && !!x[Ve(e)];
 }
 function ct(e) {
   return function(t) {
@@ -194,7 +194,7 @@ function co(e) {
 function fo(e) {
   return Tr(e) ? io(e) : co(e);
 }
-var Oe = ve(Object, "create");
+var Oe = me(Object, "create");
 function po() {
   this.__data__ = Oe ? Oe(null) : {}, this.size = 0;
 }
@@ -221,18 +221,18 @@ function So(e, t) {
   var n = this.__data__;
   return this.size += this.has(e) ? 0 : 1, n[e] = Oe && t === void 0 ? To : t, this;
 }
-function de(e) {
+function pe(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]);
   }
 }
-de.prototype.clear = po;
-de.prototype.delete = vo;
-de.prototype.get = ho;
-de.prototype.has = $o;
-de.prototype.set = So;
+pe.prototype.clear = po;
+pe.prototype.delete = vo;
+pe.prototype.get = ho;
+pe.prototype.has = $o;
+pe.prototype.set = So;
 function wo() {
   this.__data__ = [], this.size = 0;
 }
@@ -273,12 +273,12 @@ se.prototype.delete = Po;
 se.prototype.get = Oo;
 se.prototype.has = xo;
 se.prototype.set = Mo;
-var xe = ve(Q, "Map");
+var xe = me(Q, "Map");
 function Uo() {
   this.size = 0, this.__data__ = {
-    hash: new de(),
+    hash: new pe(),
     map: new (xe || se)(),
-    string: new de()
+    string: new pe()
   };
 }
 function Vo(e) {
@@ -303,25 +303,25 @@ function Eo(e, t) {
   var n = Xe(this, e), r = n.size;
   return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
 }
-function me(e) {
+function ge(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]);
   }
 }
-me.prototype.clear = Uo;
-me.prototype.delete = Lo;
-me.prototype.get = Do;
-me.prototype.has = jo;
-me.prototype.set = Eo;
+ge.prototype.clear = Uo;
+ge.prototype.delete = Lo;
+ge.prototype.get = Do;
+ge.prototype.has = jo;
+ge.prototype.set = Eo;
 function No(e, t) {
   for (var n = -1, r = t.length, l = e.length; ++n < r; )
     e[l + n] = t[n];
   return e;
 }
-var ko = tn(Object.getPrototypeOf, Object);
-function Bo() {
+var Bo = tn(Object.getPrototypeOf, Object);
+function ko() {
   this.__data__ = new se(), this.size = 0;
 }
 function Ro(e) {
@@ -341,7 +341,7 @@ function zo(e, t) {
     var r = n.__data__;
     if (!xe || r.length < Go - 1)
       return r.push([e, t]), this.size = ++n.size, this;
-    n = this.__data__ = new me(r);
+    n = this.__data__ = new ge(r);
   }
   return n.set(e, t), this.size = n.size, this;
 }
@@ -349,7 +349,7 @@ function ne(e) {
   var t = this.__data__ = new se(e);
   this.size = t.size;
 }
-ne.prototype.clear = Bo;
+ne.prototype.clear = ko;
 ne.prototype.delete = Ro;
 ne.prototype.get = Fo;
 ne.prototype.has = Ho;
@@ -381,9 +381,9 @@ function Yo(e, t, n) {
 function rt(e) {
   return Yo(e, fo, Wo);
 }
-var ot = ve(Q, "DataView"), lt = ve(Q, "Promise"), it = ve(Q, "Set"), Pt = "[object Map]", Qo = "[object Object]", Ot = "[object Promise]", xt = "[object Set]", Mt = "[object WeakMap]", Ut = "[object DataView]", el = pe(ot), tl = pe(xe), nl = pe(lt), rl = pe(it), ol = pe(nt), Z = Ve;
+var ot = me(Q, "DataView"), lt = me(Q, "Promise"), it = me(Q, "Set"), Pt = "[object Map]", Qo = "[object Object]", Ot = "[object Promise]", xt = "[object Set]", Mt = "[object WeakMap]", Ut = "[object DataView]", el = ve(ot), tl = ve(xe), nl = ve(lt), rl = ve(it), ol = ve(nt), Z = Ve;
 (ot && Z(new ot(new ArrayBuffer(1))) != Ut || xe && Z(new xe()) != Pt || lt && Z(lt.resolve()) != Ot || it && Z(new it()) != xt || nt && Z(new nt()) != Mt) && (Z = function(e) {
-  var t = Ve(e), n = t == Qo ? e.constructor : void 0, r = n ? pe(n) : "";
+  var t = Ve(e), n = t == Qo ? e.constructor : void 0, r = n ? ve(n) : "";
   if (r)
     switch (r) {
       case el:
@@ -461,17 +461,17 @@ function Vl(e, t, n) {
   }
 }
 function Ll(e) {
-  return typeof e.constructor == "function" && !Jt(e) ? dr(ko(e)) : {};
+  return typeof e.constructor == "function" && !Jt(e) ? dr(Bo(e)) : {};
 }
 var Dl = "[object Map]";
 function jl(e) {
-  return fe(e) && Z(e) == Dl;
+  return de(e) && Z(e) == Dl;
 }
 var Dt = $e && $e.isMap, El = Dt ? ct(Dt) : jl, Nl = "[object Set]";
-function kl(e) {
-  return fe(e) && Z(e) == Nl;
+function Bl(e) {
+  return de(e) && Z(e) == Nl;
 }
-var jt = $e && $e.isSet, Bl = jt ? ct(jt) : kl, rn = "[object Arguments]", Rl = "[object Array]", Fl = "[object Boolean]", Hl = "[object Date]", Gl = "[object Error]", on = "[object Function]", zl = "[object GeneratorFunction]", Kl = "[object Map]", ql = "[object Number]", ln = "[object Object]", Il = "[object RegExp]", Xl = "[object Set]", Zl = "[object String]", Jl = "[object Symbol]", Wl = "[object WeakMap]", Yl = "[object ArrayBuffer]", Ql = "[object DataView]", ei = "[object Float32Array]", ti = "[object Float64Array]", ni = "[object Int8Array]", ri = "[object Int16Array]", oi = "[object Int32Array]", li = "[object Uint8Array]", ii = "[object Uint8ClampedArray]", si = "[object Uint16Array]", ai = "[object Uint32Array]", P = {};
+var jt = $e && $e.isSet, kl = jt ? ct(jt) : Bl, rn = "[object Arguments]", Rl = "[object Array]", Fl = "[object Boolean]", Hl = "[object Date]", Gl = "[object Error]", on = "[object Function]", zl = "[object GeneratorFunction]", Kl = "[object Map]", ql = "[object Number]", ln = "[object Object]", Il = "[object RegExp]", Xl = "[object Set]", Zl = "[object String]", Jl = "[object Symbol]", Wl = "[object WeakMap]", Yl = "[object ArrayBuffer]", Ql = "[object DataView]", ei = "[object Float32Array]", ti = "[object Float64Array]", ni = "[object Int8Array]", ri = "[object Int16Array]", oi = "[object Int32Array]", li = "[object Uint8Array]", ii = "[object Uint8ClampedArray]", si = "[object Uint16Array]", ai = "[object Uint32Array]", P = {};
 P[rn] = P[Rl] = P[Yl] = P[Ql] = P[Fl] = P[Hl] = P[ei] = P[ti] = P[ni] = P[ri] = P[oi] = P[Kl] = P[ql] = P[ln] = P[Il] = P[Xl] = P[Zl] = P[Jl] = P[li] = P[ii] = P[si] = P[ai] = !0;
 P[Gl] = P[on] = P[Wl] = !1;
 function Re(e, t, n, r, l, o) {
@@ -499,7 +499,7 @@ function Re(e, t, n, r, l, o) {
   var d = o.get(e);
   if (d)
     return d;
-  o.set(e, i), Bl(e) ? e.forEach(function(y) {
+  o.set(e, i), kl(e) ? e.forEach(function(y) {
     i.add(Re(y, t, n, y, e, o));
   }) : El(e) && e.forEach(function(y, h) {
     i.set(h, Re(y, t, n, h, e, o));
@@ -522,7 +522,7 @@ function pi(e) {
 }
 function Ke(e) {
   var t = -1, n = e == null ? 0 : e.length;
-  for (this.__data__ = new me(); ++t < n; )
+  for (this.__data__ = new ge(); ++t < n; )
     this.add(e[t]);
 }
 Ke.prototype.add = Ke.prototype.push = di;
@@ -650,9 +650,9 @@ function Ni(e, t, n, r, l, o) {
   }
   return o.delete(e), o.delete(t), M;
 }
-var ki = 1, Nt = "[object Arguments]", kt = "[object Array]", Ee = "[object Object]", Bi = Object.prototype, Bt = Bi.hasOwnProperty;
+var Bi = 1, Nt = "[object Arguments]", Bt = "[object Array]", Ee = "[object Object]", ki = Object.prototype, kt = ki.hasOwnProperty;
 function Ri(e, t, n, r, l, o) {
-  var i = Pe(e), s = Pe(t), u = i ? kt : Z(e), a = s ? kt : Z(t);
+  var i = Pe(e), s = Pe(t), u = i ? Bt : Z(e), a = s ? Bt : Z(t);
   u = u == Nt ? Ee : u, a = a == Nt ? Ee : a;
   var d = u == Ee, c = a == Ee, g = u == a;
   if (g && Ge(e)) {
@@ -662,8 +662,8 @@ function Ri(e, t, n, r, l, o) {
   }
   if (g && !d)
     return o || (o = new ne()), i || en(e) ? an(e, t, n, r, l, o) : Li(e, t, u, n, r, l, o);
-  if (!(n & ki)) {
-    var y = d && Bt.call(e, "__wrapped__"), h = c && Bt.call(t, "__wrapped__");
+  if (!(n & Bi)) {
+    var y = d && kt.call(e, "__wrapped__"), h = c && kt.call(t, "__wrapped__");
     if (y || h) {
       var M = y ? e.value() : e, b = h ? t.value() : t;
       return o || (o = new ne()), l(M, b, n, r, o);
@@ -672,7 +672,7 @@ function Ri(e, t, n, r, l, o) {
   return g ? (o || (o = new ne()), Ni(e, t, n, r, l, o)) : !1;
 }
 function un(e, t, n, r, l) {
-  return e === t ? !0 : e == null || t == null || !fe(e) && !fe(t) ? e !== e && t !== t : Ri(e, t, n, r, un, l);
+  return e === t ? !0 : e == null || t == null || !de(e) && !de(t) ? e !== e && t !== t : Ri(e, t, n, r, un, l);
 }
 function Ze(e, t) {
   return un(e, t);
@@ -902,7 +902,7 @@ function gn() {
 const ls = /* @__PURE__ */ z({
   __name: "menu",
   setup(e) {
-    const { t } = ie(), n = Wi(), r = Qi(), l = ts(), o = rs(), i = B(0), s = B(0), u = B([]), a = F(() => [i.value, s.value]), d = (b) => {
+    const { t } = ie(), n = Wi(), r = Qi(), l = ts(), o = rs(), i = k(0), s = k(0), u = k([]), a = F(() => [i.value, s.value]), d = (b) => {
       const D = () => !(u.value.length <= 0 || !be(l.value, u.value)), w = () => {
         if (!D())
           return;
@@ -998,7 +998,7 @@ const ls = /* @__PURE__ */ z({
         scrim: "transparent"
       }, {
         default: J(() => [
-          k(A, null, {
+          B(A, null, {
             default: J(() => [
               (S(!0), H(He, null, Ht(y.value, (W, We) => (S(), R(U, {
                 key: We,
@@ -1006,7 +1006,7 @@ const ls = /* @__PURE__ */ z({
                 onClick: W.func
               }, {
                 default: J(() => [
-                  k(w, null, {
+                  B(w, null, {
                     default: J(() => [
                       st(re(W.title), 1)
                     ]),
@@ -1024,8 +1024,8 @@ const ls = /* @__PURE__ */ z({
     };
   }
 });
-var yn = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", hn = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", is = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", ge = "M19,13H5V11H19V13Z", ss = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
-const ke = /* @__PURE__ */ z({
+var yn = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", hn = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", is = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", ye = "M19,13H5V11H19V13Z", ss = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
+const Be = /* @__PURE__ */ z({
   __name: "title",
   props: {
     title: {},
@@ -1036,7 +1036,7 @@ const ke = /* @__PURE__ */ z({
   },
   emits: ["collapse", "menu", "create", "delete"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = B(!1), i = F(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = k(!1), i = F(() => ({
       background: o.value ? r.value : n.value,
       height: "36px",
       marginBottom: "1px",
@@ -1056,12 +1056,12 @@ const ke = /* @__PURE__ */ z({
         onMouseover: d[2] || (d[2] = (h) => o.value = !0),
         onMouseout: d[3] || (d[3] = (h) => o.value = !1)
       }, [
-        k(c, {
+        B(c, {
           class: "mr-1",
           icon: a.collapse ? E(hn) : E(yn)
         }, null, 8, ["icon"]),
         q("span", null, re(a.title), 1),
-        k(g),
+        B(g),
         a.hasCreate ? (S(), R(c, {
           key: 0,
           class: "mx-3",
@@ -1071,7 +1071,7 @@ const ke = /* @__PURE__ */ z({
         a.hasDelete ? (S(), R(c, {
           key: 1,
           class: "mx-3",
-          icon: E(ge),
+          icon: E(ye),
           onClick: d[1] || (d[1] = K((h) => l("delete", a.index), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ], 36)), [
@@ -1086,7 +1086,7 @@ const ke = /* @__PURE__ */ z({
   },
   emits: ["menu"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = B(!1), i = F(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = k(!1), i = F(() => ({
       background: o.value ? r.value : n.value,
       minHeight: e.minHeight,
       paddingRight: "4px",
@@ -1130,19 +1130,30 @@ function us(e, t, n) {
     );
   } };
 }
+const ce = (e, t, n, r, l, o) => {
+  if (l !== void 0 && !o) {
+    if (n[l] === void 0) {
+      const i = N(t, !0);
+      i !== void 0 && (n[l] = i, r(e, n[l]));
+    }
+    return n[l];
+  } else {
+    if (n[t.key] === void 0) {
+      const i = N(t);
+      i !== void 0 && (n[t.key] = i, r(e, n[t.key]));
+    }
+    return n[t.key];
+  }
+}, he = (e, t, n, r, l, o, i) => {
+  o !== void 0 && !i ? r !== n[o] && (n[o] = r, l(e, n[o])) : r !== n[t.key] && (n[t.key] = r, l(e, n[t.key]));
+};
 function cs(e) {
   return { renderUiDummy: (n, r, l, o, i) => {
     if (r.ui !== "dummy") {
       console.assert(!1, "renderUiDummy prop ui must be dummy");
       return;
     }
-    if (o !== void 0 && !i) {
-      const s = N(r, !0);
-      typeof l[o] != typeof s && (l[o] = s, e(n, l[o]));
-    } else {
-      const s = N(r);
-      typeof l[r.key] != typeof s && (l[r.key] = s, e(n, l[r.key]));
-    }
+    ce(n, r, l, e, o, i);
   } };
 }
 const fs = { class: "d-flex justify-space-between align-center" }, ds = /* @__PURE__ */ z({
@@ -1160,7 +1171,7 @@ const fs = { class: "d-flex justify-space-between align-center" }, ds = /* @__PU
     return (l, o) => {
       const i = O("v-text-field"), s = O("v-icon"), u = le("ripple");
       return S(), H("div", fs, [
-        Y(k(i, {
+        Y(B(i, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
           density: "compact",
@@ -1178,23 +1189,16 @@ const fs = { class: "d-flex justify-space-between align-center" }, ds = /* @__PU
         l.hasDelete ? (S(), R(s, {
           key: 0,
           class: "mx-2",
-          icon: E(ge),
+          icon: E(ye),
           onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
     };
   }
-}), ye = (e, t, n, r, l, o) => l !== void 0 && !o ? n[l] : n[t.key], he = (e, t, n, r, l, o, i) => {
-  const s = N(t, !0);
-  if (typeof r != typeof s) {
-    console.assert(!1);
-    return;
-  }
-  o !== void 0 && !i ? r !== n[o] && (n[o] = r, l(e, n[o])) : r !== n[t.key] && (n[t.key] = r, l(e, n[t.key]));
-};
+});
 function ps(e) {
   return { renderUiStrInput: (n, r, l, o, i) => r.ui !== "strInput" ? (console.assert(!1), _("div", "renderUiStrInput prop ui must be strInput")) : _(ds, {
-    modelValue: r.static ? r.value : ye(
+    modelValue: r.static ? r.value : ce(
       n,
       r,
       l,
@@ -1240,7 +1244,7 @@ const vs = { class: "d-flex justify-space-between align-center" }, ms = /* @__PU
     return (l, o) => {
       const i = O("v-number-input"), s = O("v-icon"), u = le("ripple");
       return S(), H("div", vs, [
-        Y(k(i, {
+        Y(B(i, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
           density: "compact",
@@ -1263,7 +1267,7 @@ const vs = { class: "d-flex justify-space-between align-center" }, ms = /* @__PU
         l.hasDelete ? (S(), R(s, {
           key: 0,
           class: "mx-2",
-          icon: E(ge),
+          icon: E(ye),
           onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1272,7 +1276,7 @@ const vs = { class: "d-flex justify-space-between align-center" }, ms = /* @__PU
 });
 function gs(e) {
   return { renderUiNumInput: (n, r, l, o, i) => r.ui !== "numInput" ? (console.assert(!1), _("div", "renderUiNumInput prop ui must be numInput")) : _(ms, {
-    modelValue: ye(
+    modelValue: ce(
       n,
       r,
       l,
@@ -1317,7 +1321,7 @@ const ys = { class: "d-flex justify-space-between align-center" }, hs = /* @__PU
     return (i, s) => {
       const u = O("v-select"), a = O("v-icon"), d = le("ripple");
       return S(), H("div", ys, [
-        Y(k(u, {
+        Y(B(u, {
           modelValue: r.value,
           "onUpdate:modelValue": s[0] || (s[0] = (c) => r.value = c),
           density: "compact",
@@ -1336,7 +1340,7 @@ const ys = { class: "d-flex justify-space-between align-center" }, hs = /* @__PU
         i.hasDelete ? (S(), R(a, {
           key: 0,
           class: "mx-2",
-          icon: E(ge),
+          icon: E(ye),
           onClick: s[1] || (s[1] = K((c) => l("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1345,7 +1349,7 @@ const ys = { class: "d-flex justify-space-between align-center" }, hs = /* @__PU
 });
 function _s(e) {
   return { renderUiSwitch: (n, r, l, o, i) => r.ui !== "switch" ? (console.assert(!1), _("div", "renderUiSwitch prop ui must be switch")) : _(hs, {
-    modelValue: ye(
+    modelValue: ce(
       n,
       r,
       l,
@@ -1387,7 +1391,7 @@ const bs = { class: "d-flex justify-space-between align-center" }, $s = /* @__PU
     return (l, o) => {
       const i = O("v-select"), s = O("v-icon"), u = le("ripple");
       return S(), H("div", bs, [
-        Y(k(i, {
+        Y(B(i, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (a) => n.value = a),
           density: "compact",
@@ -1406,7 +1410,7 @@ const bs = { class: "d-flex justify-space-between align-center" }, $s = /* @__PU
         l.hasDelete ? (S(), R(s, {
           key: 0,
           class: "mx-2",
-          icon: E(ge),
+          icon: E(ye),
           onClick: o[1] || (o[1] = K((a) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1416,7 +1420,7 @@ const bs = { class: "d-flex justify-space-between align-center" }, $s = /* @__PU
 function Ts(e) {
   const { t } = ie();
   return { renderUiSelect: (r, l, o, i, s) => l.ui !== "select" ? (console.assert(!1), _("div", "renderUiSelect prop ui must be select")) : _($s, {
-    modelValue: ye(
+    modelValue: ce(
       r,
       l,
       o,
@@ -1461,7 +1465,7 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = B(!1), s = F(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = k(!1), s = F(() => ({
       background: i.value ? r.value : n.value,
       height: "30px",
       marginBottom: "1px",
@@ -1476,7 +1480,7 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
         onMouseover: a[1] || (a[1] = (g) => i.value = !0),
         onMouseout: a[2] || (a[2] = (g) => i.value = !1)
       }, [
-        k(d, {
+        B(d, {
           icon: l.collapse ? E(hn) : E(yn),
           size: "small"
         }, null, 8, ["icon"]),
@@ -1495,7 +1499,7 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = B(!1), s = F(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = k(!1), s = F(() => ({
       background: i.value ? r.value : n.value,
       height: "48px",
       marginBottom: "1px",
@@ -1564,7 +1568,7 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const { t } = ie(), n = Bn(), { sysBarAvail: r } = En(), { backgroundColor1: l } = Te(), o = oe(e, "modelValue"), i = gn(), s = F(() => {
+    const { t } = ie(), n = kn(), { sysBarAvail: r } = En(), { backgroundColor1: l } = Te(), o = oe(e, "modelValue"), i = gn(), s = F(() => {
       let g = "100%";
       return n.mdAndUp.value && (g = "400px"), {
         background: l.value,
@@ -1599,7 +1603,7 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
         onKeydown: y[6] || (y[6] = Vn(K((w) => c.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: J(({ props: w }) => [
-          k(h, Kt(w, {
+          B(h, Kt(w, {
             density: "comfortable",
             block: ""
           }), {
@@ -1624,13 +1628,13 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
                 color: "transparent",
                 height: 24
               })) : I("", !0),
-              k(M, {
+              B(M, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
                 default: J(() => [
-                  k(b, {
+                  B(b, {
                     icon: E(is),
                     onClick: y[0] || (y[0] = (w) => c.value = !1)
                   }, null, 8, ["icon"]),
@@ -1642,7 +1646,7 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
                 class: "overflow-y-auto",
                 style: ae(u.value)
               }, [
-                k(Ms, {
+                B(Ms, {
                   modelValue: o.value,
                   "onUpdate:modelValue": y[1] || (y[1] = (w) => o.value = w),
                   open: E(c),
@@ -1662,7 +1666,7 @@ const Ss = { class: "text-subtitle-2 ml-1" }, ws = { class: "text-caption text-g
 });
 function Ls(e) {
   return { renderUiCompSelect: (n, r, l, o, i) => r.ui !== "compSelect" ? (console.assert(!1), _("div", "renderUiCompSelect prop ui must be compSelect")) : _(Vs, {
-    modelValue: ye(
+    modelValue: ce(
       n,
       r,
       l,
@@ -1716,7 +1720,7 @@ const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PU
               class: "flex-grow-1",
               style: ae(o.value)
             }, [
-              k(d, Kt(h, {
+              B(d, Kt(h, {
                 density: "comfortable",
                 color: r.value,
                 block: "",
@@ -1731,13 +1735,13 @@ const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PU
             u.hasDelete ? (S(), R(c, {
               key: 0,
               class: "mx-2",
-              icon: E(ge),
+              icon: E(ye),
               onClick: a[0] || (a[0] = K((M) => l("delete"), ["stop"]))
             }, null, 8, ["icon"])) : I("", !0)
           ])
         ]),
         default: J(() => [
-          k(g, {
+          B(g, {
             modelValue: r.value,
             "onUpdate:modelValue": a[1] || (a[1] = (h) => r.value = h),
             mode: "hexa",
@@ -1752,7 +1756,7 @@ const Ds = { class: "d-flex justify-space-between align-center" }, js = /* @__PU
 });
 function Es(e) {
   return { renderUiColorPicker: (n, r, l, o, i) => r.ui !== "colorPicker" ? (console.assert(!1), _("div", "renderUiColorPicker prop ui must be colorPicker")) : _(js, {
-    modelValue: ye(
+    modelValue: ce(
       n,
       r,
       l,
@@ -1778,7 +1782,7 @@ function Es(e) {
     readonly: r.readonly
   }) };
 }
-const Ns = { class: "d-flex justify-space-between align-center my-2" }, ks = { class: "flex-grow-1" }, Bs = /* @__PURE__ */ z({
+const Ns = { class: "d-flex justify-space-between align-center my-2" }, Bs = { class: "flex-grow-1" }, ks = /* @__PURE__ */ z({
   __name: "multiTypes",
   props: /* @__PURE__ */ X({
     hasDelete: { type: Boolean, default: !1 },
@@ -1789,7 +1793,7 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, ks = { c
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const { t: n } = ie(), r = oe(e, "modelValue"), l = t, o = B(0), i = F(() => {
+    const { t: n } = ie(), r = oe(e, "modelValue"), l = t, o = k(0), i = F(() => {
       const d = [];
       return e.types.forEach(({ name: c }, g) => {
         d.push({
@@ -1803,16 +1807,16 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, ks = { c
     });
     const s = F(() => e.types[o.value]), u = () => {
       r.value = s.value.default;
-    }, a = B(0);
+    }, a = k(0);
     return mt(() => {
-      s.value.ui === "pixelInput" ? a.value = Nn(r.value) : s.value.ui === "percentInput" && (a.value = kn(r.value));
-    }), Be(a, (d) => {
+      s.value.ui === "pixelInput" ? a.value = Nn(r.value) : s.value.ui === "percentInput" && (a.value = Bn(r.value));
+    }), ke(a, (d) => {
       s.value.ui === "pixelInput" ? r.value = d + "px" : s.value.ui === "percentInput" && (r.value = d + "%");
     }), (d, c) => {
       const g = O("v-select"), y = O("v-number-input"), h = O("v-icon"), M = le("ripple");
       return S(), H("div", Ns, [
-        q("div", ks, [
-          Y(k(g, {
+        q("div", Bs, [
+          Y(B(g, {
             modelValue: o.value,
             "onUpdate:modelValue": [
               c[0] || (c[0] = (b) => o.value = b),
@@ -1854,7 +1858,7 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, ks = { c
         d.hasDelete ? (S(), R(h, {
           key: 0,
           class: "mx-2",
-          icon: E(ge),
+          icon: E(ye),
           onClick: c[2] || (c[2] = K((b) => l("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1862,8 +1866,8 @@ const Ns = { class: "d-flex justify-space-between align-center my-2" }, ks = { c
   }
 });
 function Rs(e) {
-  return { renderUiMultiTypes: (n, r, l, o, i) => r.ui !== "multiTypes" ? (console.assert(!1), _("div", "renderUiMultiTypes prop ui must be multiTypes")) : _(Bs, {
-    modelValue: ye(
+  return { renderUiMultiTypes: (n, r, l, o, i) => r.ui !== "multiTypes" ? (console.assert(!1), _("div", "renderUiMultiTypes prop ui must be multiTypes")) : _(ks, {
+    modelValue: ce(
       n,
       r,
       l,
@@ -1898,10 +1902,10 @@ const Fs = /* @__PURE__ */ z({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = ie(), { backgroundColor1: r } = Te(), l = e, o = t, i = B("20px"), s = B("56px"), u = B("200px"), a = Ln({}), d = B({}), c = (v, f) => {
+    const { t: n } = ie(), { backgroundColor1: r } = Te(), l = e, o = t, i = k("20px"), s = k("56px"), u = k("200px"), a = Ln({}), d = k({}), c = (v, f) => {
       Ft(d, l.config, l.object), o("change", v, f);
     };
-    Be(
+    ke(
       [() => l.config, () => l.object],
       () => {
         Ft(d, l.config, l.object, (v, f) => {
@@ -1910,21 +1914,21 @@ const Fs = /* @__PURE__ */ z({
       },
       { immediate: !0 }
     );
-    const g = B(l.config);
-    Ji(g), Be(
+    const g = k(l.config);
+    Ji(g), ke(
       () => l.config,
       () => {
         g.value = l.config;
       }
     );
-    const y = B(l.object);
-    Yi(y), Be(
+    const y = k(l.object);
+    Yi(y), ke(
       () => l.object,
       () => {
         y.value = l.object;
       }
     ), es(d), ns(c);
-    const h = B([]);
+    const h = k([]);
     os(h);
     const M = () => {
       const { compGroups: v, comps: f } = Rn.app.activeApp, m = [];
@@ -1972,7 +1976,7 @@ const Fs = /* @__PURE__ */ z({
       $ !== void 0 && !C ? (m[$] instanceof Array || (m[$] = N(f), c(v, m[f.key])), L = m[$]) : (m[f.key] instanceof Array || (m[f.key] = N(f), c(v, m[f.key])), L = m[f.key]);
       let ee = n(f.name);
       p.collapse && be(d.value, v) && (ee += " *");
-      const Se = _(ke, {
+      const Se = _(Be, {
         title: ee,
         collapse: p.collapse,
         hasCreate: !0,
@@ -2006,7 +2010,7 @@ const Fs = /* @__PURE__ */ z({
             const De = [...v, j], je = p.children[j];
             let vt = n("x-prop-tree.entry", { index: j });
             p.children[j].collapse && be(d.value, De) && (vt += " *");
-            const On = _(ke, {
+            const On = _(Be, {
               title: vt,
               collapse: p.children[j].collapse,
               hasDelete: !0,
@@ -2018,8 +2022,8 @@ const Fs = /* @__PURE__ */ z({
                 }
                 p.children[j].collapse = te;
               },
-              onMenu: (te, ce) => {
-                _e.emit("propTreeMenu", { x: te, y: ce, keys: De });
+              onMenu: (te, fe) => {
+                _e.emit("propTreeMenu", { x: te, y: fe, keys: De });
               },
               onDelete: (te) => {
                 if (!tt(p.children)) {
@@ -2039,20 +2043,20 @@ const Fs = /* @__PURE__ */ z({
               },
               (() => {
                 const te = [];
-                return f.children.forEach((ce) => {
+                return f.children.forEach((fe) => {
                   if (!Rt(je.children)) {
                     console.assert(!1);
                     return;
                   }
-                  je.children[ce.key] || (je.children[ce.key] = {
+                  je.children[fe.key] || (je.children[fe.key] = {
                     collapse: !0,
-                    children: ce.array ? [] : {}
+                    children: fe.array ? [] : {}
                   });
                   const Mn = Le(
                     v,
-                    ce,
+                    fe,
                     L[j],
-                    je.children[ce.key],
+                    je.children[fe.key],
                     j,
                     !0
                   );
@@ -2086,7 +2090,7 @@ const Fs = /* @__PURE__ */ z({
         return console.assert(!1), _("div", "renderBranchScalar branch must be valid");
       let L = n(f.name);
       p.collapse && be(d.value, v) && (L += " *");
-      const ee = _(ke, {
+      const ee = _(Be, {
         title: L,
         collapse: p.collapse,
         hasDelete: $ !== void 0 && !C,
@@ -2150,7 +2154,7 @@ const Fs = /* @__PURE__ */ z({
       $ !== void 0 && !C ? (m[$] instanceof Array || (m[$] = N(f), c(v, m[$])), L = m[$]) : (m[f.key] instanceof Array || (m[f.key] = N(f), c(v, m[f.key])), L = m[f.key]);
       let ee = n(f.name);
       p.collapse && be(d.value, v) && (ee += " *");
-      const Se = _(ke, {
+      const Se = _(Be, {
         title: ee,
         collapse: p.collapse,
         hasCreate: !0,
@@ -2222,8 +2226,8 @@ const Fs = /* @__PURE__ */ z({
       })()
     );
     return (v, f) => (S(), H(He, null, [
-      k(Pn),
-      k(ls, {
+      B(Pn),
+      B(ls, {
         config: l.config,
         object: l.object,
         "prop-states": d.value

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.6.6",
+  "version": "0.6.7",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",