x-prop-tree 0.6.12 → 0.6.14

package/dist/index.js

@@ -1,4 +1,4 @@
-import { provide as Te, inject as Se, defineComponent as K, ref as R, computed as k, resolveComponent as x, createBlock as F, 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 at, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as q, normalizeStyle as le, createElementVNode as z, 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 qt, watchEffect as mt, watch as Re, reactive as Nn, onMounted as Bn, onBeforeUnmount as Rn } from "vue";
+import { provide as Te, inject as Se, defineComponent as K, ref as R, computed as k, resolveComponent as x, createBlock as F, 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 at, toDisplayString as ne, resolveDirective as ae, withDirectives as re, withModifiers as q, normalizeStyle as le, createElementVNode as z, 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 qt, watchEffect as mt, watch as Oe, reactive as Nn, onMounted as Bn, onBeforeUnmount as Rn } from "vue";
 import { useI18n as ue } from "vue-i18n";
 import { useViewStack as ut, useColor as we, eventBus as _e, useSystem as kn } from "x-essential-lib";
 import { getPropDefault as N, pkgs as zt, parsePixelStr as Fn, parsePercentStr as Hn } from "x-runtime-lib";
@@ -20,13 +20,13 @@ function Wn(e) {
   return Jn.call(e);
 }
 var Yn = "[object Null]", Qn = "[object Undefined]", gt = se ? se.toStringTag : void 0;
-function Ue(e) {
+function Le(e) {
   return e == null ? e === void 0 ? Qn : Yn : gt && gt in Object(e) ? Xn(e) : Wn(e);
 }
 function de(e) {
   return e != null && typeof e == "object";
 }
-var xe = Array.isArray;
+var Ve = Array.isArray;
 function ze(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
@@ -35,7 +35,7 @@ var er = "[object AsyncFunction]", tr = "[object Function]", nr = "[object Gener
 function Zt(e) {
   if (!ze(e))
     return !1;
-  var t = Ue(e);
+  var t = Le(e);
   return t == tr || t == nr || t == er || t == rr;
 }
 var Qe = Y["__core-js_shared__"], yt = function() {
@@ -139,7 +139,7 @@ function Or(e, t) {
 }
 var xr = "[object Arguments]";
 function bt(e) {
-  return de(e) && Ue(e) == xr;
+  return de(e) && Le(e) == xr;
 }
 var Yt = Object.prototype, Vr = Yt.hasOwnProperty, Mr = Yt.propertyIsEnumerable, Ur = bt(/* @__PURE__ */ function() {
   return arguments;
@@ -153,22 +153,22 @@ var Qt = typeof exports == "object" && exports && !exports.nodeType && exports,
 M[Wr] = M[Yr] = M[Qr] = M[eo] = M[to] = M[no] = M[ro] = M[oo] = M[io] = !0;
 M[Er] = M[Nr] = M[Zr] = M[Br] = M[Jr] = M[Rr] = M[kr] = M[Fr] = M[Hr] = M[Gr] = M[Kr] = M[qr] = M[zr] = M[Ir] = M[Xr] = !1;
 function lo(e) {
-  return de(e) && Jt(e.length) && !!M[Ue(e)];
+  return de(e) && Jt(e.length) && !!M[Le(e)];
 }
 function ft(e) {
   return function(t) {
     return e(t);
   };
 }
-var en = typeof exports == "object" && exports && !exports.nodeType && exports, Oe = en && typeof module == "object" && module && !module.nodeType && module, so = Oe && Oe.exports === en, et = so && It.process, $e = function() {
+var en = typeof exports == "object" && exports && !exports.nodeType && exports, xe = en && typeof module == "object" && module && !module.nodeType && module, so = xe && xe.exports === en, et = so && It.process, $e = function() {
   try {
-    var e = Oe && Oe.require && Oe.require("util").types;
+    var e = xe && xe.require && xe.require("util").types;
     return e || et && et.binding && et.binding("util");
   } catch {
   }
 }(), St = $e && $e.isTypedArray, tn = St ? ft(St) : lo, ao = Object.prototype, uo = ao.hasOwnProperty;
 function co(e, t) {
-  var n = xe(e), r = !n && Ur(e), i = !n && !r && Ge(e), o = !n && !r && !i && tn(e), l = n || r || i || o, u = l ? Or(e.length, String) : [], a = u.length;
+  var n = Ve(e), r = !n && Ur(e), i = !n && !r && Ge(e), o = !n && !r && !i && tn(e), l = n || r || i || o, u = l ? Or(e.length, String) : [], a = u.length;
   for (var s in e)
     uo.call(e, s) && !(l && // Safari 9 has enumerable `arguments.length` in strict mode.
     (s == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -194,9 +194,9 @@ function mo(e) {
 function go(e) {
   return Cr(e) ? co(e) : mo(e);
 }
-var Ve = me(Object, "create");
+var Me = me(Object, "create");
 function yo() {
-  this.__data__ = Ve ? Ve(null) : {}, this.size = 0;
+  this.__data__ = Me ? Me(null) : {}, this.size = 0;
 }
 function ho(e) {
   var t = this.has(e) && delete this.__data__[e];
@@ -205,7 +205,7 @@ function ho(e) {
 var _o = "__lodash_hash_undefined__", bo = Object.prototype, $o = bo.hasOwnProperty;
 function To(e) {
   var t = this.__data__;
-  if (Ve) {
+  if (Me) {
     var n = t[e];
     return n === _o ? void 0 : n;
   }
@@ -214,12 +214,12 @@ function To(e) {
 var So = Object.prototype, wo = So.hasOwnProperty;
 function Ao(e) {
   var t = this.__data__;
-  return Ve ? t[e] !== void 0 : wo.call(t, e);
+  return Me ? t[e] !== void 0 : wo.call(t, e);
 }
 var Co = "__lodash_hash_undefined__";
 function Po(e, t) {
   var n = this.__data__;
-  return this.size += this.has(e) ? 0 : 1, n[e] = Ve && t === void 0 ? Co : t, this;
+  return this.size += this.has(e) ? 0 : 1, n[e] = Me && t === void 0 ? Co : t, this;
 }
 function pe(e) {
   var t = -1, n = e == null ? 0 : e.length;
@@ -273,11 +273,11 @@ ie.prototype.delete = Mo;
 ie.prototype.get = Uo;
 ie.prototype.has = Lo;
 ie.prototype.set = Do;
-var Me = me(Y, "Map");
+var Ue = me(Y, "Map");
 function jo() {
   this.size = 0, this.__data__ = {
     hash: new pe(),
-    map: new (Me || ie)(),
+    map: new (Ue || ie)(),
     string: new pe()
   };
 }
@@ -339,7 +339,7 @@ function Xo(e, t) {
   var n = this.__data__;
   if (n instanceof ie) {
     var r = n.__data__;
-    if (!Me || r.length < Io - 1)
+    if (!Ue || r.length < Io - 1)
       return r.push([e, t]), this.size = ++n.size, this;
     n = this.__data__ = new ge(r);
   }
@@ -376,14 +376,14 @@ var Qo = Object.prototype, ei = Qo.propertyIsEnumerable, Ct = Object.getOwnPrope
 } : Yo;
 function ni(e, t, n) {
   var r = t(e);
-  return xe(e) ? r : Fo(r, n(e));
+  return Ve(e) ? r : Fo(r, n(e));
 }
 function ot(e) {
   return ni(e, go, ti);
 }
-var it = me(Y, "DataView"), lt = me(Y, "Promise"), st = me(Y, "Set"), Pt = "[object Map]", ri = "[object Object]", Ot = "[object Promise]", xt = "[object Set]", Vt = "[object WeakMap]", Mt = "[object DataView]", oi = ve(it), ii = ve(Me), li = ve(lt), si = ve(st), ai = ve(rt), Z = Ue;
-(it && Z(new it(new ArrayBuffer(1))) != Mt || Me && Z(new Me()) != Pt || lt && Z(lt.resolve()) != Ot || st && Z(new st()) != xt || rt && Z(new rt()) != Vt) && (Z = function(e) {
-  var t = Ue(e), n = t == ri ? e.constructor : void 0, r = n ? ve(n) : "";
+var it = me(Y, "DataView"), lt = me(Y, "Promise"), st = me(Y, "Set"), Pt = "[object Map]", ri = "[object Object]", Ot = "[object Promise]", xt = "[object Set]", Vt = "[object WeakMap]", Mt = "[object DataView]", oi = ve(it), ii = ve(Ue), li = ve(lt), si = ve(st), ai = ve(rt), Z = Le;
+(it && Z(new it(new ArrayBuffer(1))) != Mt || Ue && Z(new Ue()) != Pt || lt && Z(lt.resolve()) != Ot || st && Z(new st()) != xt || rt && Z(new rt()) != Vt) && (Z = function(e) {
+  var t = Le(e), n = t == ri ? e.constructor : void 0, r = n ? ve(n) : "";
   if (r)
     switch (r) {
       case oi:
@@ -480,7 +480,7 @@ function ke(e, t, n, r, i, o) {
     return l;
   if (!ze(e))
     return e;
-  var u = xe(e);
+  var u = Ve(e);
   if (u)
     l = fi(e);
   else {
@@ -650,11 +650,11 @@ function Fl(e, t, n, r, i, o) {
   }
   return o.delete(e), o.delete(t), V;
 }
-var Hl = 1, Nt = "[object Arguments]", Bt = "[object Array]", Ee = "[object Object]", Gl = Object.prototype, Rt = Gl.hasOwnProperty;
+var Hl = 1, Nt = "[object Arguments]", Bt = "[object Array]", Ne = "[object Object]", Gl = Object.prototype, Rt = Gl.hasOwnProperty;
 function Kl(e, t, n, r, i, o) {
-  var l = xe(e), u = xe(t), a = l ? Bt : Z(e), s = u ? Bt : Z(t);
-  a = a == Nt ? Ee : a, s = s == Nt ? Ee : s;
-  var p = a == Ee, f = s == Ee, d = a == s;
+  var l = Ve(e), u = Ve(t), a = l ? Bt : Z(e), s = u ? Bt : Z(t);
+  a = a == Nt ? Ne : a, s = s == Nt ? Ne : s;
+  var p = a == Ne, f = s == Ne, d = a == s;
   if (d && Ge(e)) {
     if (!Ge(t))
       return !1;
@@ -712,7 +712,7 @@ function zl(e, t, n) {
     }
   }
 }
-const Ne = (e, t) => {
+const Be = (e, t) => {
   let n = { key: "", name: "", children: e };
   return t.forEach((r) => {
     if (typeof r != "number") {
@@ -914,7 +914,7 @@ const cs = /* @__PURE__ */ K({
       const A = () => !(a.value.length <= 0 || !be(i.value, a.value)), b = () => {
         if (!A())
           return;
-        const U = Ne(n.value, a.value);
+        const U = Be(n.value, a.value);
         if (U)
           if (U.ui) {
             const C = Pe(r.value, a.value.slice(0, -1));
@@ -955,7 +955,7 @@ const cs = /* @__PURE__ */ K({
       });
     }, f = (w) => {
       const A = () => {
-        const b = Ne(n.value, a.value), U = Pe(r.value, a.value);
+        const b = Be(n.value, a.value), U = Pe(r.value, a.value);
         localStorage.setItem("propTreeCopy", JSON.stringify({ prop: b, object: U }));
       };
       w.push({
@@ -968,7 +968,7 @@ const cs = /* @__PURE__ */ K({
         if (!U)
           return !1;
         try {
-          const { prop: C } = JSON.parse(U), L = Ne(n.value, a.value);
+          const { prop: C } = JSON.parse(U), L = Be(n.value, a.value);
           return Il(C, L);
         } catch (C) {
           console.error(C);
@@ -980,7 +980,7 @@ const cs = /* @__PURE__ */ K({
         const U = localStorage.getItem("propTreeCopy");
         if (U)
           try {
-            const { object: C } = JSON.parse(U), L = Ne(n.value, a.value);
+            const { object: C } = JSON.parse(U), L = Be(n.value, a.value);
             console.log(C, L);
           } catch (C) {
             console.error(C);
@@ -1033,7 +1033,7 @@ const cs = /* @__PURE__ */ K({
   }
 });
 var bn = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", $n = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", fs = "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", ds = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
-const Be = /* @__PURE__ */ K({
+const Re = /* @__PURE__ */ K({
   __name: "title",
   props: {
     title: {},
@@ -1390,9 +1390,10 @@ const As = { class: "d-flex justify-space-between align-center" }, Cs = /* @__PU
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const { t: n } = ue(), r = oe(e, "modelValue"), i = t, o = hn(), l = k(() => {
+      var a;
       const u = [];
-      return zt[o.value].items[e.items].forEach(({ title: a, value: s }) => {
-        u.push({ title: n(a), value: s });
+      return (a = zt[o.value]) == null || a.items[e.items].forEach(({ title: s, value: p }) => {
+        u.push({ title: n(s), value: p });
       }), u;
     });
     return (u, a) => {
@@ -1791,7 +1792,10 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
   }),
   emits: /* @__PURE__ */ X(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const { t: n } = ue(), r = oe(e, "modelValue"), i = t, o = hn(), l = k(() => zt[o.value].types[e.types]), u = R(0), a = k(() => {
+    const { t: n } = ue(), r = oe(e, "modelValue"), i = t, o = hn(), l = k(() => {
+      var d;
+      return (d = zt[o.value]) == null ? void 0 : d.types[e.types];
+    }), u = R(0), a = k(() => {
       const d = [];
       return l.value.forEach(({ title: v }, h) => {
         d.push({
@@ -1808,7 +1812,7 @@ const Hs = { class: "d-flex justify-space-between align-center my-2" }, Gs = { c
     }, f = R(0);
     return mt(() => {
       s.value.ui === "pixelInput" ? f.value = Fn(r.value) : s.value.ui === "percentInput" && (f.value = Hn(r.value));
-    }), Re(f, (d) => {
+    }), Oe(f, (d) => {
       s.value.ui === "pixelInput" ? r.value = d + "px" : s.value.ui === "percentInput" && (r.value = d + "%");
     }), (d, v) => {
       const h = x("v-select"), V = x("v-number-input"), w = x("v-icon"), A = ae("ripple");
@@ -1904,7 +1908,7 @@ const zs = /* @__PURE__ */ K({
     const { t: n } = ue(), { backgroundColor1: r } = we(), i = e, o = t, l = R("20px"), u = R("56px"), a = R("200px"), s = Nn({}), p = R({}), f = (g, c) => {
       Ft(p, i.config, i.object), o("change", g, c);
     };
-    Re(
+    Oe(
       [() => i.config, () => i.object],
       () => {
         Ft(p, i.config, i.object, (g, c) => {
@@ -1914,16 +1918,21 @@ const zs = /* @__PURE__ */ K({
       { immediate: !0 }
     );
     const d = R(i.version);
-    es(d);
+    es(d), Oe(
+      () => i.version,
+      () => {
+        d.value = i.version;
+      }
+    );
     const v = R(i.config);
-    ts(v), Re(
+    ts(v), Oe(
       () => i.config,
       () => {
         v.value = i.config;
       }
     );
     const h = R(i.object);
-    rs(h), Re(
+    rs(h), Oe(
       () => i.object,
       () => {
         h.value = i.object;
@@ -1959,7 +1968,7 @@ const zs = /* @__PURE__ */ K({
     }), Rn(() => {
       U();
     });
-    const { renderProp: C } = vs(p, u, a), { renderUiDummy: L } = ms(f), { renderUiStrInput: W } = hs(f), { renderUiNumInput: Ye } = $s(f), { renderUiSwitch: Tn } = ws(f), { renderUiSelect: Sn } = Ps(f), { renderUiColorPicker: wn } = Fs(f), { renderUiMultiTypes: An } = qs(f), { renderUiCompSelect: Cn } = Bs(f), Le = (g, c, y, m, $, P) => (g = an(g), $ !== void 0 ? (g.push($), P && g.push(c.key)) : g.push(c.key), c.ui ? c.array && m ? xn(g, c, y, m, $, P) : Vn(g, c, y, $, P) : c.array ? Pn(g, c, y, m, $, P) : On(
+    const { renderProp: C } = vs(p, u, a), { renderUiDummy: L } = ms(f), { renderUiStrInput: W } = hs(f), { renderUiNumInput: Ye } = $s(f), { renderUiSwitch: Tn } = ws(f), { renderUiSelect: Sn } = Ps(f), { renderUiColorPicker: wn } = Fs(f), { renderUiMultiTypes: An } = qs(f), { renderUiCompSelect: Cn } = Bs(f), De = (g, c, y, m, $, P) => (g = an(g), $ !== void 0 ? (g.push($), P && g.push(c.key)) : g.push(c.key), c.ui ? c.array && m ? xn(g, c, y, m, $, P) : Vn(g, c, y, $, P) : c.array ? Pn(g, c, y, m, $, P) : On(
       g,
       c,
       y,
@@ -1977,7 +1986,7 @@ const zs = /* @__PURE__ */ K({
       $ !== void 0 && !P ? (y[$] instanceof Array || (y[$] = N(c), f(g, y[c.key])), D = y[$]) : (y[c.key] instanceof Array || (y[c.key] = N(c), f(g, y[c.key])), D = y[c.key]);
       let Q = n(c.name);
       m.collapse && be(p.value, g) && (Q += " *");
-      const Ae = _(Be, {
+      const Ae = _(Re, {
         title: Q,
         collapse: m.collapse,
         hasCreate: !0,
@@ -2008,10 +2017,10 @@ const zs = /* @__PURE__ */ K({
               collapse: !0,
               children: {}
             });
-            const De = [...g, j], je = m.children[j];
+            const je = [...g, j], Ee = m.children[j];
             let vt = `[${j + 1}]`;
-            m.children[j].collapse && be(p.value, De) && (vt += " *");
-            const Un = _(Be, {
+            m.children[j].collapse && be(p.value, je) && (vt += " *");
+            const Un = _(Re, {
               title: vt,
               collapse: m.children[j].collapse,
               hasDelete: !0,
@@ -2024,7 +2033,7 @@ const zs = /* @__PURE__ */ K({
                 m.children[j].collapse = ee;
               },
               onMenu: (ee, fe) => {
-                _e.emit("propTreeMenu", { x: ee, y: fe, keys: De });
+                _e.emit("propTreeMenu", { x: ee, y: fe, keys: je });
               },
               onDelete: (ee) => {
                 if (!nt(m.children)) {
@@ -2045,19 +2054,19 @@ const zs = /* @__PURE__ */ K({
               (() => {
                 const ee = [];
                 return c.children.forEach((fe) => {
-                  if (!kt(je.children)) {
+                  if (!kt(Ee.children)) {
                     console.assert(!1);
                     return;
                   }
-                  je.children[fe.key] || (je.children[fe.key] = {
+                  Ee.children[fe.key] || (Ee.children[fe.key] = {
                     collapse: !0,
                     children: fe.array ? [] : {}
                   });
-                  const Dn = Le(
+                  const Dn = De(
                     g,
                     fe,
                     D[j],
-                    je.children[fe.key],
+                    Ee.children[fe.key],
                     j,
                     !0
                   );
@@ -2091,7 +2100,7 @@ const zs = /* @__PURE__ */ K({
         return console.assert(!1), _("div", "renderBranchScalar branch must be valid");
       let D = n(c.name);
       m.collapse && be(p.value, g) && (D += " *");
-      const Q = _(Be, {
+      const Q = _(Re, {
         title: D,
         collapse: m.collapse,
         hasDelete: $ !== void 0 && !P,
@@ -2122,7 +2131,7 @@ const zs = /* @__PURE__ */ K({
               collapse: !0,
               children: !T.ui && T.array ? [] : {}
             });
-            const j = Le(
+            const j = De(
               g,
               T,
               (typeof y[c.key] != "object" && (y[c.key] = {}, f(g, y[c.key])), y[c.key]),
@@ -2155,7 +2164,7 @@ const zs = /* @__PURE__ */ K({
       $ !== void 0 && !P ? (y[$] instanceof Array || (y[$] = N(c), f(g, y[$])), D = y[$]) : (y[c.key] instanceof Array || (y[c.key] = N(c), f(g, y[c.key])), D = y[c.key]);
       let Q = n(c.name);
       m.collapse && be(p.value, g) && (Q += " *");
-      const Ae = _(Be, {
+      const Ae = _(Re, {
         title: Q,
         collapse: m.collapse,
         hasCreate: !0,
@@ -2178,8 +2187,8 @@ const zs = /* @__PURE__ */ K({
         (() => {
           const T = [];
           for (let j = 0; j < D.length; j++) {
-            const De = Le(g, c, D, void 0, j, !1);
-            T.push(De);
+            const je = De(g, c, D, void 0, j, !1);
+            T.push(je);
           }
           return T;
         })()
@@ -2219,7 +2228,7 @@ const zs = /* @__PURE__ */ K({
               collapse: !0,
               children: !y.ui && y.array ? [] : {}
             });
-            const m = Le([], y, i.object, c[y.key]);
+            const m = De([], y, i.object, c[y.key]);
             g.push(m);
           });
         }

package/package.json

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