x-prop-tree 0.5.14 → 0.5.15

package/dist/index.js

@@ -1,19 +1,19 @@
 import { provide as Me, inject as Ve, defineComponent as K, ref as F, computed as G, resolveComponent as L, openBlock as S, createBlock as R, unref as E, isRef as nt, withCtx as Y, createVNode as B, createElementBlock as k, Fragment as He, renderList as qt, createTextVNode as at, toDisplayString as ne, resolveDirective as ae, withDirectives as re, normalizeStyle as ie, withModifiers as z, createElementVNode as q, createCommentVNode as I, renderSlot as Hn, h, mergeModels as X, useModel as oe, useId as Gn, withKeys as Kn, mergeProps as It, watch as Ce, watchEffect as zn, reactive as qn, onMounted as In, onBeforeUnmount as Xn } from "vue";
 import { useI18n as de } from "vue-i18n";
-import { useViewStack as Xt, useColor as $e, eventBus as Ae, useSystem as Zn } from "x-essential-lib";
+import { useViewStack as Xt, useColor as Te, eventBus as _e, useSystem as Zn } from "x-essential-lib";
 import { getPropDefault as N, parsePixelStr as Yn, parsePercentStr as Jn } from "x-runtime-lib";
 import { useDisplay as Wn } from "vuetify";
 import { state as Qn } from "x-state-lib";
-var Zt = typeof global == "object" && global && global.Object === Object && global, er = typeof self == "object" && self && self.Object === Object && self, W = Zt || er || Function("return this")(), se = W.Symbol, Yt = Object.prototype, tr = Yt.hasOwnProperty, nr = Yt.toString, Se = se ? se.toStringTag : void 0;
+var Zt = typeof global == "object" && global && global.Object === Object && global, er = typeof self == "object" && self && self.Object === Object && self, W = Zt || er || Function("return this")(), se = W.Symbol, Yt = Object.prototype, tr = Yt.hasOwnProperty, nr = Yt.toString, we = se ? se.toStringTag : void 0;
 function rr(e) {
-  var t = tr.call(e, Se), n = e[Se];
+  var t = tr.call(e, we), n = e[we];
   try {
-    e[Se] = void 0;
+    e[we] = void 0;
     var r = !0;
   } catch {
   }
   var l = nr.call(e);
-  return r && (t ? e[Se] = n : delete e[Se]), l;
+  return r && (t ? e[we] = n : delete e[we]), l;
 }
 var or = Object.prototype, lr = or.toString;
 function ir(e) {
@@ -176,13 +176,13 @@ function ft(e) {
     return e(t);
   };
 }
-var on = typeof exports == "object" && exports && !exports.nodeType && exports, Pe = on && typeof module == "object" && module && !module.nodeType && module, mo = Pe && Pe.exports === on, Qe = mo && Zt.process, be = function() {
+var on = typeof exports == "object" && exports && !exports.nodeType && exports, Pe = on && typeof module == "object" && module && !module.nodeType && module, mo = Pe && Pe.exports === on, Qe = mo && Zt.process, $e = function() {
   try {
     var e = Pe && Pe.require && Pe.require("util").types;
     return e || Qe && Qe.binding && Qe.binding("util");
   } catch {
   }
-}(), Ct = be && be.isTypedArray, ln = Ct ? ft(Ct) : vo, go = Object.prototype, yo = go.hasOwnProperty;
+}(), Ct = $e && $e.isTypedArray, ln = Ct ? ft(Ct) : vo, go = Object.prototype, yo = go.hasOwnProperty;
 function sn(e, t) {
   var n = Oe(e), r = !n && Fr(e), l = !n && !r && Ge(e), o = !n && !r && !l && ln(e), i = n || r || l || o, s = i ? jr(e.length, String) : [], a = s.length;
   for (var u in e)
@@ -524,11 +524,11 @@ var Xl = "[object Map]";
 function Zl(e) {
   return ce(e) && Z(e) == Xl;
 }
-var Bt = be && be.isMap, Yl = Bt ? ft(Bt) : Zl, Jl = "[object Set]";
+var Bt = $e && $e.isMap, Yl = Bt ? ft(Bt) : Zl, Jl = "[object Set]";
 function Wl(e) {
   return ce(e) && Z(e) == Jl;
 }
-var Ft = be && be.isSet, Ql = Ft ? ft(Ft) : Wl, ei = 1, ti = 2, ni = 4, mn = "[object Arguments]", ri = "[object Array]", oi = "[object Boolean]", li = "[object Date]", ii = "[object Error]", gn = "[object Function]", si = "[object GeneratorFunction]", ai = "[object Map]", ui = "[object Number]", yn = "[object Object]", ci = "[object RegExp]", fi = "[object Set]", di = "[object String]", pi = "[object Symbol]", vi = "[object WeakMap]", mi = "[object ArrayBuffer]", gi = "[object DataView]", yi = "[object Float32Array]", hi = "[object Float64Array]", _i = "[object Int8Array]", bi = "[object Int16Array]", $i = "[object Int32Array]", Ti = "[object Uint8Array]", Si = "[object Uint8ClampedArray]", wi = "[object Uint16Array]", Ai = "[object Uint32Array]", x = {};
+var Ft = $e && $e.isSet, Ql = Ft ? ft(Ft) : Wl, ei = 1, ti = 2, ni = 4, mn = "[object Arguments]", ri = "[object Array]", oi = "[object Boolean]", li = "[object Date]", ii = "[object Error]", gn = "[object Function]", si = "[object GeneratorFunction]", ai = "[object Map]", ui = "[object Number]", yn = "[object Object]", ci = "[object RegExp]", fi = "[object Set]", di = "[object String]", pi = "[object Symbol]", vi = "[object WeakMap]", mi = "[object ArrayBuffer]", gi = "[object DataView]", yi = "[object Float32Array]", hi = "[object Float64Array]", _i = "[object Int8Array]", bi = "[object Int16Array]", $i = "[object Int32Array]", Ti = "[object Uint8Array]", Si = "[object Uint8ClampedArray]", wi = "[object Uint16Array]", Ai = "[object Uint32Array]", x = {};
 x[mn] = x[ri] = x[mi] = x[gi] = x[oi] = x[li] = x[yi] = x[hi] = x[_i] = x[bi] = x[$i] = x[ai] = x[ui] = x[yn] = x[ci] = x[fi] = x[di] = x[pi] = x[Ti] = x[Si] = x[wi] = x[Ai] = !0;
 x[ii] = x[gn] = x[vi] = !1;
 function ke(e, t, n, r, l, o) {
@@ -786,7 +786,7 @@ const Fe = (e, t) => {
       n = n.children.find((l) => l.key === r);
     }
   }), n;
-}, we = (e, t) => {
+}, Ae = (e, t) => {
   let n = e;
   return t.forEach((r) => {
     if (!n) {
@@ -920,7 +920,7 @@ const Fe = (e, t) => {
       children: o.array ? [] : {}
     }, Ye([], o, n, l[o.key], r);
   }), e.value = l;
-}, _e = (e, t) => {
+}, be = (e, t) => {
   let n = { change: !1, children: e };
   return t.forEach((r) => {
     if (!n)
@@ -962,13 +962,13 @@ const Ts = /* @__PURE__ */ K({
   __name: "menu",
   setup(e) {
     const { t } = de(), n = vs(), r = gs(), l = hs(), o = bs(), i = F(0), s = F(0), a = F([]), u = G(() => [i.value, s.value]), d = (y) => {
-      const $ = () => !(a.value.length <= 0 || !_e(l.value, a.value)), A = () => {
+      const $ = () => !(a.value.length <= 0 || !be(l.value, a.value)), A = () => {
         if (!$())
           return;
         const V = Fe(n.value, a.value);
         if (V)
           if (V.ui) {
-            const P = we(r.value, a.value.slice(0, -1));
+            const P = Ae(r.value, a.value.slice(0, -1));
             if (!P)
               return;
             P[a.value.at(-1)] = N(V), o(a.value, P[a.value.at(-1)]);
@@ -979,12 +979,12 @@ const Ts = /* @__PURE__ */ K({
               return;
             }
             if (typeof P == "string") {
-              const U = we(r.value, a.value.slice(0, -1));
+              const U = Ae(r.value, a.value.slice(0, -1));
               if (!U)
                 return;
               U[a.value.at(-1)] = N(V), o(a.value, U[a.value.at(-1)]);
             } else {
-              const U = we(r.value, a.value);
+              const U = Ae(r.value, a.value);
               if (!U)
                 return;
               V.children.forEach((J) => {
@@ -992,7 +992,7 @@ const Ts = /* @__PURE__ */ K({
               });
             }
           } else {
-            const P = we(r.value, a.value);
+            const P = Ae(r.value, a.value);
             if (!P)
               return;
             V.children.forEach((U) => {
@@ -1006,7 +1006,7 @@ const Ts = /* @__PURE__ */ K({
       });
     }, f = (y) => {
       const $ = () => {
-        const A = Fe(n.value, a.value), V = we(r.value, a.value);
+        const A = Fe(n.value, a.value), V = Ae(r.value, a.value);
         localStorage.setItem("propTreeCopy", JSON.stringify({ prop: A, object: V }));
       };
       y.push({
@@ -1095,7 +1095,7 @@ const Re = /* @__PURE__ */ K({
   },
   emits: ["collapse", "menu", "create", "delete"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = $e(), l = t, o = F(!1), i = G(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = F(!1), i = G(() => ({
       background: o.value ? r.value : n.value,
       height: "36px",
       marginBottom: "1px",
@@ -1145,7 +1145,7 @@ const Re = /* @__PURE__ */ K({
   },
   emits: ["menu"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = $e(), l = t, o = F(!1), i = G(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = t, o = F(!1), i = G(() => ({
       background: o.value ? r.value : n.value,
       minHeight: e.minHeight,
       paddingRight: "4px",
@@ -1174,12 +1174,12 @@ function Cs(e, t, n) {
   const { t: r } = de();
   return { renderProp: (o, i, s) => {
     let a = r(i.name);
-    return _e(e.value, o) && (a += " *"), h(
+    return be(e.value, o) && (a += " *"), h(
       As,
       {
         minHeight: t.value,
         onMenu: (u, d) => {
-          Ae.emit("propTreeMenu", { x: u, y: d, keys: o });
+          _e.emit("propTreeMenu", { x: u, y: d, keys: o });
         }
       },
       () => [
@@ -1511,7 +1511,7 @@ const Rs = { class: "text-subtitle-2 ml-1" }, ks = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = $e(), l = e, o = t, i = F(!1), s = G(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = F(!1), s = G(() => ({
       background: i.value ? r.value : n.value,
       height: "30px",
       marginBottom: "1px",
@@ -1545,7 +1545,7 @@ const Rs = { class: "text-subtitle-2 ml-1" }, ks = { class: "text-caption text-g
   },
   emits: ["x-click"],
   setup(e, { emit: t }) {
-    const { backgroundColor2: n, highlightColor: r } = $e(), l = e, o = t, i = F(!1), s = G(() => ({
+    const { backgroundColor2: n, highlightColor: r } = Te(), l = e, o = t, i = F(!1), s = G(() => ({
       background: i.value ? r.value : n.value,
       height: "48px",
       marginBottom: "1px",
@@ -1583,7 +1583,7 @@ const Rs = { class: "text-subtitle-2 ml-1" }, ks = { class: "text-caption text-g
       const a = $n(l, s);
       a && ls(l, s, !a.collapse);
     }, i = (s) => {
-      n.value = s, r.value = !1;
+      n.value = s, r.value = !1, _e.emit("refreshDepends");
     };
     return (s, a) => E(l).length > 0 ? (S(), k("div", zs, [
       (S(!0), k(He, null, qt(E(l), (u) => (S(), k(He, {
@@ -1614,7 +1614,7 @@ const Rs = { class: "text-subtitle-2 ml-1" }, ks = { class: "text-caption text-g
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const { t } = de(), n = Wn(), { sysBarAvail: r } = Zn(), { backgroundColor1: l } = $e(), o = oe(e, "modelValue"), i = Pn(), s = G(() => {
+    const { t } = de(), n = Wn(), { sysBarAvail: r } = Zn(), { backgroundColor1: l } = Te(), o = oe(e, "modelValue"), i = Pn(), s = G(() => {
       let g = "100%";
       return n.mdAndUp.value && (g = "400px"), {
         background: l.value,
@@ -1937,7 +1937,7 @@ const oa = /* @__PURE__ */ K({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = de(), { backgroundColor1: r } = $e(), l = e, o = t, i = F("20px"), s = F("56px"), a = F("200px"), u = qn({}), d = F({}), f = (v, c) => {
+    const { t: n } = de(), { backgroundColor1: r } = Te(), l = e, o = t, i = F("20px"), s = F("56px"), a = F("200px"), u = qn({}), d = F({}), f = (v, c) => {
       zt(d, l.config, l.object), o("change", v, c);
     };
     Ce(
@@ -1984,7 +1984,7 @@ const oa = /* @__PURE__ */ K({
     const $ = () => {
       clearTimeout(y), y = window.setTimeout(() => {
         C(), y && $();
-      }, 3e3);
+      }, 1e3);
     }, A = () => {
       clearTimeout(y), y = void 0;
     };
@@ -2010,8 +2010,8 @@ const oa = /* @__PURE__ */ K({
       let D;
       b !== void 0 && !O ? (m[b] instanceof Array || (m[b] = N(c), f(v, m[c.key])), D = m[b]) : (m[c.key] instanceof Array || (m[c.key] = N(c), f(v, m[c.key])), D = m[c.key]);
       let Q = n(c.name);
-      p.collapse && _e(d.value, v) && (Q += " *");
-      const Te = h(Re, {
+      p.collapse && be(d.value, v) && (Q += " *");
+      const Se = h(Re, {
         title: Q,
         collapse: p.collapse,
         hasCreate: !0,
@@ -2019,7 +2019,7 @@ const oa = /* @__PURE__ */ K({
           p.collapse = T;
         },
         onMenu: (T, j) => {
-          Ae.emit("propTreeMenu", { x: T, y: j, keys: v });
+          _e.emit("propTreeMenu", { x: T, y: j, keys: v });
         },
         onCreate: () => {
           D.push({}), f(v, D);
@@ -2044,7 +2044,7 @@ const oa = /* @__PURE__ */ K({
             });
             const Ee = [...v, j], Ne = p.children[j];
             let ht = n("x-prop-tree.entry", { index: j });
-            p.children[j].collapse && _e(d.value, Ee) && (ht += " *");
+            p.children[j].collapse && be(d.value, Ee) && (ht += " *");
             const Fn = h(Re, {
               title: ht,
               collapse: p.children[j].collapse,
@@ -2058,7 +2058,7 @@ const oa = /* @__PURE__ */ K({
                 p.children[j].collapse = ee;
               },
               onMenu: (ee, ue) => {
-                Ae.emit("propTreeMenu", { x: ee, y: ue, keys: Ee });
+                _e.emit("propTreeMenu", { x: ee, y: ue, keys: Ee });
               },
               onDelete: (ee) => {
                 if (!tt(p.children)) {
@@ -2113,7 +2113,7 @@ const oa = /* @__PURE__ */ K({
         },
         (() => {
           const T = [];
-          return T.push(Te), p.collapse || T.push(H), T;
+          return T.push(Se), p.collapse || T.push(H), T;
         })()
       );
     }, jn = (v, c, m, p, b, O) => {
@@ -2124,7 +2124,7 @@ const oa = /* @__PURE__ */ K({
       if (!p)
         return console.assert(!1), h("div", "renderBranchScalar branch must be valid");
       let D = n(c.name);
-      p.collapse && _e(d.value, v) && (D += " *");
+      p.collapse && be(d.value, v) && (D += " *");
       const Q = h(Re, {
         title: D,
         collapse: p.collapse,
@@ -2133,12 +2133,12 @@ const oa = /* @__PURE__ */ K({
           p.collapse = H;
         },
         onMenu: (H, T) => {
-          Ae.emit("propTreeMenu", { x: H, y: T, keys: v });
+          _e.emit("propTreeMenu", { x: H, y: T, keys: v });
         },
         onDelete: () => {
           b === void 0 || O || (m.splice(b, 1), f(v.slice(0, -1), m));
         }
-      }), Te = h(
+      }), Se = h(
         "div",
         {
           style: {
@@ -2175,7 +2175,7 @@ const oa = /* @__PURE__ */ K({
         },
         (() => {
           const H = [];
-          return H.push(Q), p.collapse || H.push(Te), H;
+          return H.push(Q), p.collapse || H.push(Se), H;
         })()
       );
     }, En = (v, c, m, p, b, O) => {
@@ -2188,8 +2188,8 @@ const oa = /* @__PURE__ */ K({
       let D;
       b !== void 0 && !O ? (m[b] instanceof Array || (m[b] = N(c), f(v, m[b])), D = m[b]) : (m[c.key] instanceof Array || (m[c.key] = N(c), f(v, m[c.key])), D = m[c.key]);
       let Q = n(c.name);
-      p.collapse && _e(d.value, v) && (Q += " *");
-      const Te = h(Re, {
+      p.collapse && be(d.value, v) && (Q += " *");
+      const Se = h(Re, {
         title: Q,
         collapse: p.collapse,
         hasCreate: !0,
@@ -2197,7 +2197,7 @@ const oa = /* @__PURE__ */ K({
           p.collapse = T;
         },
         onMenu: (T, j) => {
-          Ae.emit("propTreeMenu", { x: T, y: j, keys: v });
+          _e.emit("propTreeMenu", { x: T, y: j, keys: v });
         },
         onCreate: () => {
           D.push(N(c, !0)), f(v, D);
@@ -2227,7 +2227,7 @@ const oa = /* @__PURE__ */ K({
         },
         (() => {
           const T = [];
-          return T.push(Te), p.collapse || T.push(H), T;
+          return T.push(Se), p.collapse || T.push(H), T;
         })()
       );
     }, Nn = (v, c, m, p, b) => {

package/package.json

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