x-prop-tree 0.6.19 → 0.6.21

package/dist/components/propTree/components/values/strInput.vue.d.ts

@@ -4,13 +4,13 @@ interface Props {
 }
 type __VLS_Props = Props;
 type __VLS_PublicProps = __VLS_Props & {
-    modelValue?: string;
+    modelValue: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     delete: (...args: any[]) => void;
-    "update:modelValue": (value: string | undefined) => void;
+    "update:modelValue": (value: string) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/index.js

@@ -1,7 +1,7 @@
-import { provide as Te, inject as Se, defineComponent as K, ref as B, computed as R, resolveComponent as V, createBlock as F, openBlock as w, unref as k, isRef as Fe, withCtx as J, createVNode as N, createElementBlock as H, Fragment as He, renderList as Ht, createTextVNode as at, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as z, normalizeStyle as le, createElementVNode as q, createCommentVNode as I, renderSlot as jn, h as _, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as Kt, withKeys as kn, mergeProps as zt, watchEffect as mt, watch as Oe, reactive as En, onMounted as Nn, onBeforeUnmount as Bn } from "vue";
+import { provide as Te, inject as Se, defineComponent as K, ref as B, computed as R, resolveComponent as V, createBlock as F, openBlock as w, unref as E, isRef as Fe, withCtx as J, createVNode as N, createElementBlock as H, Fragment as He, renderList as Ht, createTextVNode as at, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as z, normalizeStyle as le, createElementVNode as q, createCommentVNode as I, renderSlot as jn, h as _, mergeModels as X, useModel as oe, useId as Gt, onUnmounted as Kt, withKeys as En, mergeProps as zt, watchEffect as mt, watch as Oe, reactive as kn, onMounted as Nn, onBeforeUnmount as Bn } from "vue";
 import { useI18n as ue } from "vue-i18n";
 import { useViewStack as ut, useColor as we, eventBus as _e, useSystem as Rn } from "x-essential-lib";
-import { getPropDefault as E, pkgs as qt, parsePixelStr as Fn, parsePercentStr as Hn } from "x-runtime-lib";
+import { getPropDefault as k, pkgs as qt, parsePixelStr as Fn, parsePercentStr as Hn } from "x-runtime-lib";
 import { globalState as Gn } from "x-state-lib";
 import { useDisplay as Kn } from "vuetify";
 var It = typeof global == "object" && global && global.Object === Object && global, zn = typeof self == "object" && self && self.Object === Object && self, Y = It || zn || Function("return this")(), se = Y.Symbol, Xt = Object.prototype, qn = Xt.hasOwnProperty, In = Xt.toString, Ce = se ? se.toStringTag : void 0;
@@ -149,9 +149,9 @@ var Yt = Object.prototype, Mr = Yt.hasOwnProperty, Vr = Yt.propertyIsEnumerable,
 function Lr() {
   return !1;
 }
-var Qt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Qt && typeof module == "object" && module && !module.nodeType && module, Dr = $t && $t.exports === Qt, Tt = Dr ? Y.Buffer : void 0, jr = Tt ? Tt.isBuffer : void 0, Ge = jr || Lr, kr = "[object Arguments]", Er = "[object Array]", Nr = "[object Boolean]", Br = "[object Date]", Rr = "[object Error]", Fr = "[object Function]", Hr = "[object Map]", Gr = "[object Number]", Kr = "[object Object]", zr = "[object RegExp]", qr = "[object Set]", Ir = "[object String]", Xr = "[object WeakMap]", Zr = "[object ArrayBuffer]", Jr = "[object DataView]", Wr = "[object Float32Array]", Yr = "[object Float64Array]", Qr = "[object Int8Array]", eo = "[object Int16Array]", to = "[object Int32Array]", no = "[object Uint8Array]", ro = "[object Uint8ClampedArray]", oo = "[object Uint16Array]", io = "[object Uint32Array]", U = {};
+var Qt = typeof exports == "object" && exports && !exports.nodeType && exports, $t = Qt && typeof module == "object" && module && !module.nodeType && module, Dr = $t && $t.exports === Qt, Tt = Dr ? Y.Buffer : void 0, jr = Tt ? Tt.isBuffer : void 0, Ge = jr || Lr, Er = "[object Arguments]", kr = "[object Array]", Nr = "[object Boolean]", Br = "[object Date]", Rr = "[object Error]", Fr = "[object Function]", Hr = "[object Map]", Gr = "[object Number]", Kr = "[object Object]", zr = "[object RegExp]", qr = "[object Set]", Ir = "[object String]", Xr = "[object WeakMap]", Zr = "[object ArrayBuffer]", Jr = "[object DataView]", Wr = "[object Float32Array]", Yr = "[object Float64Array]", Qr = "[object Int8Array]", eo = "[object Int16Array]", to = "[object Int32Array]", no = "[object Uint8Array]", ro = "[object Uint8ClampedArray]", oo = "[object Uint16Array]", io = "[object Uint32Array]", U = {};
 U[Wr] = U[Yr] = U[Qr] = U[eo] = U[to] = U[no] = U[ro] = U[oo] = U[io] = !0;
-U[kr] = U[Er] = U[Zr] = U[Nr] = U[Jr] = U[Br] = U[Rr] = U[Fr] = U[Hr] = U[Gr] = U[Kr] = U[zr] = U[qr] = U[Ir] = U[Xr] = !1;
+U[Er] = U[kr] = U[Zr] = U[Nr] = U[Jr] = U[Br] = U[Rr] = U[Fr] = U[Hr] = U[Gr] = U[Kr] = U[zr] = U[qr] = U[Ir] = U[Xr] = !1;
 function lo(e) {
   return de(e) && Jt(e.length) && !!U[Le(e)];
 }
@@ -281,15 +281,15 @@ function jo() {
     string: new pe()
   };
 }
-function ko(e) {
+function Eo(e) {
   var t = typeof e;
   return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
 }
 function Xe(e, t) {
   var n = e.__data__;
-  return ko(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
+  return Eo(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
 }
-function Eo(e) {
+function ko(e) {
   var t = Xe(this, e).delete(e);
   return this.size -= t ? 1 : 0, t;
 }
@@ -311,7 +311,7 @@ function ge(e) {
   }
 }
 ge.prototype.clear = jo;
-ge.prototype.delete = Eo;
+ge.prototype.delete = ko;
 ge.prototype.get = No;
 ge.prototype.has = Bo;
 ge.prototype.set = Ro;
@@ -427,7 +427,7 @@ function gi(e, t) {
   return new e.constructor(n, e.byteOffset, e.length);
 }
 var yi = "[object Boolean]", hi = "[object Date]", _i = "[object Map]", bi = "[object Number]", $i = "[object RegExp]", Ti = "[object Set]", Si = "[object String]", wi = "[object Symbol]", Ai = "[object ArrayBuffer]", Ci = "[object DataView]", Pi = "[object Float32Array]", Oi = "[object Float64Array]", xi = "[object Int8Array]", Mi = "[object Int16Array]", Vi = "[object Int32Array]", Ui = "[object Uint8Array]", Li = "[object Uint8ClampedArray]", Di = "[object Uint16Array]", ji = "[object Uint32Array]";
-function ki(e, t, n) {
+function Ei(e, t, n) {
   var r = e.constructor;
   switch (t) {
     case Ai:
@@ -460,7 +460,7 @@ function ki(e, t, n) {
       return mi(e);
   }
 }
-function Ei(e) {
+function ki(e) {
   return typeof e.constructor == "function" && !Wt(e) ? gr(Ho(e)) : {};
 }
 var Ni = "[object Map]";
@@ -488,11 +488,11 @@ function Re(e, t, n, r, i, o) {
     if (Ge(e))
       return Jo(e);
     if (u == sn || u == on || s && !i)
-      l = s ? {} : Ei(e);
+      l = s ? {} : ki(e);
     else {
       if (!M[u])
         return i ? e : {};
-      l = ki(e, u);
+      l = Ei(e, u);
     }
   }
   o || (o = new te());
@@ -582,10 +582,10 @@ function Sl(e) {
     n[++t] = r;
   }), n;
 }
-var wl = 1, Al = 2, Cl = "[object Boolean]", Pl = "[object Date]", Ol = "[object Error]", xl = "[object Map]", Ml = "[object Number]", Vl = "[object RegExp]", Ul = "[object Set]", Ll = "[object String]", Dl = "[object Symbol]", jl = "[object ArrayBuffer]", kl = "[object DataView]", kt = se ? se.prototype : void 0, tt = kt ? kt.valueOf : void 0;
-function El(e, t, n, r, i, o, l) {
+var wl = 1, Al = 2, Cl = "[object Boolean]", Pl = "[object Date]", Ol = "[object Error]", xl = "[object Map]", Ml = "[object Number]", Vl = "[object RegExp]", Ul = "[object Set]", Ll = "[object String]", Dl = "[object Symbol]", jl = "[object ArrayBuffer]", El = "[object DataView]", Et = se ? se.prototype : void 0, tt = Et ? Et.valueOf : void 0;
+function kl(e, t, n, r, i, o, l) {
   switch (n) {
-    case kl:
+    case El:
       if (e.byteLength != t.byteLength || e.byteOffset != t.byteOffset)
         return !1;
       e = e.buffer, t = t.buffer;
@@ -650,18 +650,18 @@ function Fl(e, t, n, r, i, o) {
   }
   return o.delete(e), o.delete(t), P;
 }
-var Hl = 1, Et = "[object Arguments]", Nt = "[object Array]", Ee = "[object Object]", Gl = Object.prototype, Bt = Gl.hasOwnProperty;
+var Hl = 1, kt = "[object Arguments]", Nt = "[object Array]", ke = "[object Object]", Gl = Object.prototype, Bt = Gl.hasOwnProperty;
 function Kl(e, t, n, r, i, o) {
   var l = Me(e), a = Me(t), u = l ? Nt : Z(e), s = a ? Nt : Z(t);
-  u = u == Et ? Ee : u, s = s == Et ? Ee : s;
-  var v = u == Ee, d = s == Ee, f = u == s;
+  u = u == kt ? ke : u, s = s == kt ? ke : s;
+  var v = u == ke, d = s == ke, f = u == s;
   if (f && Ge(e)) {
     if (!Ge(t))
       return !1;
     l = !0, v = !1;
   }
   if (f && !v)
-    return o || (o = new te()), l || tn(e) ? un(e, t, n, r, i, o) : El(e, t, u, n, r, i, o);
+    return o || (o = new te()), l || tn(e) ? un(e, t, n, r, i, o) : kl(e, t, u, n, r, i, o);
   if (!(n & Hl)) {
     var p = v && Bt.call(e, "__wrapped__"), h = d && Bt.call(t, "__wrapped__");
     if (p || h) {
@@ -785,7 +785,7 @@ const Ne = (e, t) => {
   if (!r.children || !Je(r.children))
     return console.assert(!1, "execPropBranchArray state children must be array"), !1;
   let a;
-  o !== void 0 && !l ? (n[o] instanceof Array || (n[o] = E(t), i == null || i(e, n[o])), a = n[o]) : (n[t.key] instanceof Array || (n[t.key] = E(t), i == null || i(e, n[t.key])), a = n[t.key]), r.change = !1;
+  o !== void 0 && !l ? (n[o] instanceof Array || (n[o] = k(t), i == null || i(e, n[o])), a = n[o]) : (n[t.key] instanceof Array || (n[t.key] = k(t), i == null || i(e, n[t.key])), a = n[t.key]), r.change = !1;
   for (let u = 0; u < a.length; u++) {
     r.children.push({
       change: !1,
@@ -811,7 +811,7 @@ const Ne = (e, t) => {
       ) && (s.change = !0), s.change && (r.change = !0);
     });
   }
-  return r.change || (r.change = !Ze(a, E(t))), r.change;
+  return r.change || (r.change = !Ze(a, k(t))), r.change;
 }, Wl = (e, t, n, r, i, o, l) => {
   if (t.ui)
     return console.assert(!1, "execPropBranchScalar prop ui must be invalid"), !1;
@@ -837,18 +837,18 @@ const Ne = (e, t) => {
   if (!r.children || !Je(r.children))
     return console.assert(!1, "execPropLeafArray state children must be array"), !1;
   let a;
-  o !== void 0 && !l ? (n[o] instanceof Array || (n[o] = E(t), i == null || i(e, n[o])), a = n[o]) : (n[t.key] instanceof Array || (n[t.key] = E(t), i == null || i(e, n[t.key])), a = n[t.key]), r.change = !1;
+  o !== void 0 && !l ? (n[o] instanceof Array || (n[o] = k(t), i == null || i(e, n[o])), a = n[o]) : (n[t.key] instanceof Array || (n[t.key] = k(t), i == null || i(e, n[t.key])), a = n[t.key]), r.change = !1;
   for (let u = 0; u < a.length; u++)
     r.children[u] = {
       change: !1,
       children: {}
     }, We(e, t, a, r.children[u], i, u, !1) && (r.change = !0);
-  return r.change || (r.change = !Ze(a, E(t))), r.change;
+  return r.change || (r.change = !Ze(a, k(t))), r.change;
 }, Ql = (e, t, n, r, i) => {
   if (!e.ui)
     return console.assert(!1, "execPropLeafScalar prop ui must be valid"), !1;
   let o;
-  return r !== void 0 && !i ? o = t[r] : o = t[e.key], n.change = !Ze(o, E(e, !0)), n.change;
+  return r !== void 0 && !i ? o = t[r] : o = t[e.key], n.change = !Ze(o, k(e, !0)), n.change;
 }, Ft = (e, t, n, r) => {
   if (t.length <= 0 || !n) {
     e.value = {};
@@ -920,7 +920,7 @@ const cs = /* @__PURE__ */ K({
             const T = Pe(r.value, u.value.slice(0, -1));
             if (!T)
               return;
-            T[u.value.at(-1)] = E(O), o(u.value, T[u.value.at(-1)]);
+            T[u.value.at(-1)] = k(O), o(u.value, T[u.value.at(-1)]);
           } else if (O.array) {
             const T = u.value.at(-1);
             if (T === void 0) {
@@ -931,13 +931,13 @@ const cs = /* @__PURE__ */ K({
               const L = Pe(r.value, u.value.slice(0, -1));
               if (!L)
                 return;
-              L[u.value.at(-1)] = E(O), o(u.value, L[u.value.at(-1)]);
+              L[u.value.at(-1)] = k(O), o(u.value, L[u.value.at(-1)]);
             } else {
               const L = Pe(r.value, u.value);
               if (!L)
                 return;
               O.children.forEach((W) => {
-                L[W.key] = E(O), o([...u.value, W.key], L[W.key]);
+                L[W.key] = k(O), o([...u.value, W.key], L[W.key]);
               });
             }
           } else {
@@ -945,7 +945,7 @@ const cs = /* @__PURE__ */ K({
             if (!T)
               return;
             O.children.forEach((L) => {
-              T[L.key] = E(O), o([...u.value, L.key], T[L.key]);
+              T[L.key] = k(O), o([...u.value, L.key], T[L.key]);
             });
           }
       };
@@ -999,7 +999,7 @@ const cs = /* @__PURE__ */ K({
     return (A, C) => {
       const $ = V("v-list-item-title"), O = V("v-list-item"), T = V("v-list"), L = V("v-menu");
       return w(), F(L, {
-        modelValue: k(P),
+        modelValue: E(P),
         "onUpdate:modelValue": C[0] || (C[0] = (W) => Fe(P) ? P.value = W : null),
         "location-strategy": "connected",
         target: s.value,
@@ -1066,20 +1066,20 @@ const Be = /* @__PURE__ */ K({
       }, [
         N(d, {
           class: "mr-1",
-          icon: s.collapse ? k($n) : k(bn)
+          icon: s.collapse ? E($n) : E(bn)
         }, null, 8, ["icon"]),
         q("span", null, ne(s.title), 1),
         N(f),
         s.hasCreate ? (w(), F(d, {
           key: 0,
           class: "mx-3",
-          icon: k(ds),
+          icon: E(ds),
           onClick: v[0] || (v[0] = z((h) => i("create"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0),
         s.hasDelete ? (w(), F(d, {
           key: 1,
           class: "mx-3",
-          icon: k(ye),
+          icon: E(ye),
           onClick: v[1] || (v[1] = z((h) => i("delete", s.index), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ], 36)), [
@@ -1143,21 +1143,21 @@ const ce = (e, t, n, r, i, o) => {
   if (i !== void 0)
     if (o) {
       if (n[t.key] === void 0) {
-        const l = E(t);
+        const l = k(t);
         l !== void 0 && (n[t.key] = l, r(e, n[t.key]));
       }
       return n[t.key];
     } else {
       if (n[i] === void 0) {
-        const l = E(t, !0);
+        const l = k(t, !0);
         l !== void 0 && (n[i] = l, r(e, n[i]));
       }
       return n[i];
     }
   else {
     if (n[t.key] === void 0) {
-      const l = E(t);
-      t.ui === "strInput" || t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "compSelect" ? l && (n[t.key] = l, r(e, n[t.key])) : l !== void 0 && (n[t.key] = l, r(e, n[t.key]));
+      const l = k(t);
+      l !== void 0 && (n[t.key] = l, r(e, n[t.key]));
     }
     return n[t.key];
   }
@@ -1166,7 +1166,7 @@ const ce = (e, t, n, r, i, o) => {
     l ? r !== n[t.key] && (n[t.key] = r, i(e, n[t.key])) : r !== n[o] && (n[o] = r, i(e, n[o]));
   else {
     let a = r;
-    (t.ui === "strInput" || t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "compSelect") && (r || (a = void 0)), a !== n[t.key] && (n[t.key] = a, i(e, n[t.key]));
+    (t.ui === "switch" || t.ui === "select" || t.ui === "colorPicker" || t.ui === "multiTypes" || t.ui === "compSelect") && (r || (a = void 0)), a !== n[t.key] && (n[t.key] = a, i(e, n[t.key]));
   }
 };
 function ms(e) {
@@ -1184,7 +1184,7 @@ const gs = { class: "d-flex justify-space-between align-center" }, ys = /* @__PU
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
-    modelValue: {},
+    modelValue: { required: !0 },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
@@ -1211,7 +1211,7 @@ const gs = { class: "d-flex justify-space-between align-center" }, ys = /* @__PU
         i.hasDelete ? (w(), F(a, {
           key: 0,
           class: "mx-2",
-          icon: k(ye),
+          icon: E(ye),
           onClick: o[1] || (o[1] = z((s) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1289,7 +1289,7 @@ const _s = { class: "d-flex justify-space-between align-center" }, bs = /* @__PU
         i.hasDelete ? (w(), F(a, {
           key: 0,
           class: "mx-2",
-          icon: k(ye),
+          icon: E(ye),
           onClick: o[1] || (o[1] = z((s) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1355,7 +1355,7 @@ const Ts = { class: "d-flex justify-space-between align-center" }, Ss = /* @__PU
         i.hasDelete ? (w(), F(a, {
           key: 0,
           class: "mx-2",
-          icon: k(ye),
+          icon: E(ye),
           onClick: o[1] || (o[1] = z((u) => r("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1371,7 +1371,7 @@ function ws(e) {
       e,
       o,
       l
-    ),
+    ) ?? !1,
     "onUpdate:modelValue": (a) => {
       he(
         n,
@@ -1431,7 +1431,7 @@ const As = { class: "d-flex justify-space-between align-center" }, Cs = /* @__PU
         a.hasDelete ? (w(), F(v, {
           key: 0,
           class: "mx-2",
-          icon: k(ye),
+          icon: E(ye),
           onClick: u[1] || (u[1] = z((f) => i("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1447,7 +1447,7 @@ function Ps(e) {
       e,
       o,
       l
-    ),
+    ) ?? "",
     "onUpdate:modelValue": (a) => {
       he(
         n,
@@ -1493,7 +1493,7 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
         onMouseout: s[2] || (s[2] = (f) => l.value = !1)
       }, [
         N(v, {
-          icon: i.collapse ? k($n) : k(bn),
+          icon: i.collapse ? E($n) : E(bn),
           size: "small"
         }, null, 8, ["icon"]),
         q("span", Os, ne(i.title), 1),
@@ -1551,8 +1551,8 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
     }, l = (a) => {
       n.value = a, r.value = !1, _e.emit("refreshDepends");
     };
-    return (a, u) => k(i).length > 0 ? (w(), H("div", Ls, [
-      (w(!0), H(He, null, Ht(k(i), (s) => (w(), H(He, {
+    return (a, u) => E(i).length > 0 ? (w(), H("div", Ls, [
+      (w(!0), H(He, null, Ht(E(i), (s) => (w(), H(He, {
         key: s.id
       }, [
         s.type === 0 ? (w(), F(Ms, {
@@ -1570,9 +1570,9 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
           onXClick: l
         }, null, 8, ["id", "title"])) : I("", !0)
       ], 64))), 128))
-    ])) : (w(), H("div", Ds, ne(k(t)("x-prop-tree.noComp")), 1));
+    ])) : (w(), H("div", Ds, ne(E(t)("x-prop-tree.noComp")), 1));
   }
-}), ks = { class: "text-subtitle-1 ml-3" }, Es = /* @__PURE__ */ K({
+}), Es = { class: "text-subtitle-1 ml-3" }, ks = /* @__PURE__ */ K({
   __name: "index",
   props: {
     modelValue: {},
@@ -1606,13 +1606,13 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
     }), (f, p) => {
       const h = V("v-btn"), P = V("v-sheet"), A = V("v-icon"), C = V("v-dialog");
       return w(), F(C, {
-        modelValue: k(d),
+        modelValue: E(d),
         "onUpdate:modelValue": p[5] || (p[5] = ($) => Fe(d) ? d.value = $ : null),
         transition: "scroll-x-reverse-transition",
         persistent: "",
         "no-click-animation": "",
         fullscreen: "",
-        onKeydown: p[6] || (p[6] = kn(z(($) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: p[6] || (p[6] = En(z(($) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         activator: J(({ props: $ }) => [
           N(h, zt($, {
@@ -1635,7 +1635,7 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
               class: "elevation-2",
               style: le(a.value)
             }, [
-              k(r) ? (w(), F(P, {
+              E(r) ? (w(), F(P, {
                 key: 0,
                 color: "transparent",
                 height: 24
@@ -1647,10 +1647,10 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
               }, {
                 default: J(() => [
                   N(A, {
-                    icon: k(fs),
+                    icon: E(fs),
                     onClick: p[0] || (p[0] = ($) => d.value = !1)
                   }, null, 8, ["icon"]),
-                  q("span", ks, ne(k(t)("x-prop-tree.dlg.compSelect.title")), 1)
+                  q("span", Es, ne(E(t)("x-prop-tree.dlg.compSelect.title")), 1)
                 ]),
                 _: 1
               }),
@@ -1661,7 +1661,7 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
                 N(js, {
                   modelValue: o.value,
                   "onUpdate:modelValue": p[1] || (p[1] = ($) => o.value = $),
-                  open: k(d),
+                  open: E(d),
                   "onUpdate:open": p[2] || (p[2] = ($) => Fe(d) ? d.value = $ : null)
                 }, null, 8, ["modelValue", "open"]),
                 q("div", {
@@ -1677,7 +1677,7 @@ const Os = { class: "text-subtitle-2 ml-1" }, xs = { class: "text-caption text-g
   }
 });
 function Ns(e) {
-  return { renderUiCompSelect: (n, r, i, o, l) => r.ui !== "compSelect" ? (console.assert(!1), _("div", "renderUiCompSelect prop ui must be compSelect")) : _(Es, {
+  return { renderUiCompSelect: (n, r, i, o, l) => r.ui !== "compSelect" ? (console.assert(!1), _("div", "renderUiCompSelect prop ui must be compSelect")) : _(ks, {
     modelValue: ce(
       n,
       r,
@@ -1721,7 +1721,7 @@ const Bs = { class: "d-flex justify-space-between align-center" }, Rs = /* @__PU
     }), (u, s) => {
       const v = V("v-btn"), d = V("v-icon"), f = V("v-color-picker"), p = V("v-menu");
       return w(), F(p, {
-        modelValue: k(a),
+        modelValue: E(a),
         "onUpdate:modelValue": s[2] || (s[2] = (h) => Fe(a) ? a.value = h : null),
         "close-on-content-click": !1,
         scrim: "transparent"
@@ -1739,7 +1739,7 @@ const Bs = { class: "d-flex justify-space-between align-center" }, Rs = /* @__PU
                 disabled: l.value
               }), {
                 default: J(() => [
-                  at(ne(r.value ? r.value : k(n)("x-runtime-lib.notSet")), 1)
+                  at(ne(r.value ? r.value : E(n)("x-runtime-lib.notSet")), 1)
                 ]),
                 _: 2
               }, 1040, ["color", "disabled"])
@@ -1747,7 +1747,7 @@ const Bs = { class: "d-flex justify-space-between align-center" }, Rs = /* @__PU
             u.hasDelete ? (w(), F(d, {
               key: 0,
               class: "mx-2",
-              icon: k(ye),
+              icon: E(ye),
               onClick: s[0] || (s[0] = z((P) => i("delete"), ["stop"]))
             }, null, 8, ["icon"])) : I("", !0)
           ])
@@ -1882,7 +1882,7 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
         f.hasDelete ? (w(), F(A, {
           key: 0,
           class: "mx-2",
-          icon: k(ye),
+          icon: E(ye),
           onClick: p[2] || (p[2] = z((T) => i("delete"), ["stop"]))
         }, null, 8, ["icon"])) : I("", !0)
       ]);
@@ -1898,7 +1898,7 @@ function zs(e) {
       e,
       o,
       l
-    ),
+    ) ?? "",
     "onUpdate:modelValue": (a) => {
       he(
         n,
@@ -1927,7 +1927,7 @@ const qs = /* @__PURE__ */ K({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = ue(), { backgroundColor1: r } = we(), i = e, o = t, l = B("20px"), a = B("56px"), u = B("200px"), s = En({}), v = B({}), d = (g, c) => {
+    const { t: n } = ue(), { backgroundColor1: r } = we(), i = e, o = t, l = B("20px"), a = B("56px"), u = B("200px"), s = kn({}), v = B({}), d = (g, c) => {
       Ft(v, i.config, i.object), o("change", g, c);
     };
     Oe(
@@ -2005,7 +2005,7 @@ const qs = /* @__PURE__ */ K({
       if (!m)
         return console.assert(!1), _("div", "renderBranchArray branch must be valid");
       let D;
-      b !== void 0 && !x ? (y[b] instanceof Array || (y[b] = E(c), d(g, y[c.key])), D = y[b]) : (y[c.key] instanceof Array || (y[c.key] = E(c), d(g, y[c.key])), D = y[c.key]);
+      b !== void 0 && !x ? (y[b] instanceof Array || (y[b] = k(c), d(g, y[c.key])), D = y[b]) : (y[c.key] instanceof Array || (y[c.key] = k(c), d(g, y[c.key])), D = y[c.key]);
       let Q = n(c.name);
       m.collapse && be(v.value, g) && (Q += " *");
       const Ae = _(Be, {
@@ -2039,7 +2039,7 @@ const qs = /* @__PURE__ */ K({
               collapse: !0,
               children: {}
             });
-            const je = [...g, j], ke = m.children[j];
+            const je = [...g, j], Ee = m.children[j];
             let vt = `[${j + 1}]`;
             m.children[j].collapse && be(v.value, je) && (vt += " *");
             const Un = _(Be, {
@@ -2076,11 +2076,11 @@ const qs = /* @__PURE__ */ K({
               (() => {
                 const ee = [];
                 return c.children.forEach((fe) => {
-                  if (!Rt(ke.children)) {
+                  if (!Rt(Ee.children)) {
                     console.assert(!1);
                     return;
                   }
-                  ke.children[fe.key] || (ke.children[fe.key] = {
+                  Ee.children[fe.key] || (Ee.children[fe.key] = {
                     collapse: !0,
                     children: fe.array ? [] : {}
                   });
@@ -2088,7 +2088,7 @@ const qs = /* @__PURE__ */ K({
                     g,
                     fe,
                     D[j],
-                    ke.children[fe.key],
+                    Ee.children[fe.key],
                     j,
                     !0
                   );
@@ -2183,7 +2183,7 @@ const qs = /* @__PURE__ */ K({
       if (!m)
         return console.assert(!1), _("div", "renderLeafArray branch must be valid");
       let D;
-      b !== void 0 && !x ? (y[b] instanceof Array || (y[b] = E(c), d(g, y[b])), D = y[b]) : (y[c.key] instanceof Array || (y[c.key] = E(c), d(g, y[c.key])), D = y[c.key]);
+      b !== void 0 && !x ? (y[b] instanceof Array || (y[b] = k(c), d(g, y[b])), D = y[b]) : (y[c.key] instanceof Array || (y[c.key] = k(c), d(g, y[c.key])), D = y[c.key]);
       let Q = n(c.name);
       m.collapse && be(v.value, g) && (Q += " *");
       const Ae = _(Be, {
@@ -2197,7 +2197,7 @@ const qs = /* @__PURE__ */ K({
           _e.emit("propTreeMenu", { x: S, y: j, keys: g });
         },
         onCreate: () => {
-          D.push(E(c, !0)), d(g, D);
+          D.push(k(c, !0)), d(g, D);
         }
       }), G = _(
         "div",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.6.19",
+  "version": "0.6.21",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -28,7 +28,7 @@
     "vuetify": "^3.8.1",
     "x-essential-lib": "^0.8.6",
     "x-group-list": "^0.4.1",
-    "x-runtime-lib": "^0.6.38",
+    "x-runtime-lib": "^0.6.40",
     "x-state-lib": "^0.2.1"
   },
   "devDependencies": {