x-prop-tree 0.3.6 → 0.3.8

package/dist/index.js

@@ -1,9 +1,9 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.id="x-prop-tree",e.appendChild(document.createTextNode('.v-icon{--v-icon-size-multiplier: 1;align-items:center;display:inline-flex;font-feature-settings:"liga";height:1em;justify-content:center;letter-spacing:normal;line-height:1;position:relative;text-indent:0;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1em;min-width:1em}.v-icon--clickable{cursor:pointer}.v-icon--disabled{pointer-events:none;opacity:.38}.v-icon--size-x-small{font-size:calc(var(--v-icon-size-multiplier) * 1em)}.v-icon--size-small{font-size:calc(var(--v-icon-size-multiplier) * 1.25em)}.v-icon--size-default{font-size:calc(var(--v-icon-size-multiplier) * 1.5em)}.v-icon--size-large{font-size:calc(var(--v-icon-size-multiplier) * 1.75em)}.v-icon--size-x-large{font-size:calc(var(--v-icon-size-multiplier) * 2em)}.v-icon__svg{fill:currentColor;width:100%;height:100%}.v-icon--start{margin-inline-end:8px}.v-icon--end{margin-inline-start:8px}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
-import { Fragment as Ae, reactive as ve, computed as k, watchEffect as Ce, toRefs as De, warn as Le, getCurrentInstance as Me, inject as Q, shallowRef as Te, provide as ke, defineComponent as M, isRef as ze, createVNode as C, mergeProps as Re, unref as W, ref as I, toRef as Pe, Text as He, mergeModels as K, useModel as xe, resolveComponent as G, openBlock as p, createElementBlock as be, normalizeStyle as Ve, createBlock as U, resolveDirective as Ne, withDirectives as Oe, createElementVNode as Ee, toDisplayString as We, withModifiers as j, createCommentVNode as ee, h as y } from "vue";
+import { Fragment as Ae, reactive as ve, computed as k, watchEffect as Ce, toRefs as De, warn as Le, getCurrentInstance as Me, inject as Q, shallowRef as Te, provide as ke, defineComponent as M, isRef as ze, createVNode as C, mergeProps as Re, unref as W, ref as I, toRef as Pe, Text as He, mergeModels as Y, useModel as xe, resolveComponent as G, openBlock as p, createElementBlock as be, normalizeStyle as Ve, createBlock as U, resolveDirective as Ne, withDirectives as Oe, createElementVNode as Ee, toDisplayString as We, withModifiers as j, createCommentVNode as ee, h as y } from "vue";
 import { useI18n as Ge } from "vue-i18n";
 import { useColor as Ue } from "x-essential-lib";
 import { getPropDefault as N } from "x-runtime-lib";
-var qe = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", Ze = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", Ye = "M19,13H5V11H19V13Z", Ke = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
+var qe = "M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z", Ze = "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z", Xe = "M19,13H5V11H19V13Z", Ye = "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";
 function w(e, t) {
   return (n) => Object.keys(e).reduce((s, a) => {
     const u = typeof e[a] == "object" && e[a] != null && !Array.isArray(e[a]) ? e[a] : {
@@ -15,7 +15,7 @@ function w(e, t) {
     } : s[a] = u, t && !s[a].source && (s[a].source = t), s;
   }, {});
 }
-const Xe = w({
+const Ke = w({
   class: [String, Array, Object],
   style: {
     type: [String, Array, Object],
@@ -30,7 +30,7 @@ function A(e) {
 function te(e) {
   return e !== null && typeof e == "object" && !Array.isArray(e);
 }
-function Y(e, t) {
+function X(e, t) {
   return t.every((n) => e.hasOwnProperty(n));
 }
 function Je(e, t) {
@@ -95,14 +95,14 @@ function je(e, t) {
 const _ = 2.4, se = 0.2126729, ae = 0.7151522, le = 0.072175, et = 0.55, tt = 0.58, nt = 0.57, st = 0.62, O = 0.03, re = 1.45, at = 5e-4, lt = 1.25, rt = 1.25, ie = 0.078, ue = 12.82051282051282, E = 0.06, oe = 1e-3;
 function ce(e, t) {
   const n = (e.r / 255) ** _, s = (e.g / 255) ** _, a = (e.b / 255) ** _, r = (t.r / 255) ** _, u = (t.g / 255) ** _, m = (t.b / 255) ** _;
-  let o = n * se + s * ae + a * le, f = r * se + u * ae + m * le;
-  if (o <= O && (o += (O - o) ** re), f <= O && (f += (O - f) ** re), Math.abs(f - o) < at) return 0;
+  let o = n * se + s * ae + a * le, d = r * se + u * ae + m * le;
+  if (o <= O && (o += (O - o) ** re), d <= O && (d += (O - d) ** re), Math.abs(d - o) < at) return 0;
   let h;
-  if (f > o) {
-    const g = (f ** et - o ** tt) * lt;
+  if (d > o) {
+    const g = (d ** et - o ** tt) * lt;
     h = g < oe ? 0 : g < ie ? g - g * ue * E : g - E;
   } else {
-    const g = (f ** st - o ** nt) * rt;
+    const g = (d ** st - o ** nt) * rt;
     h = g > -oe ? 0 : g > -ie ? g - g * ue * E : g + E;
   }
   return h * 100;
@@ -110,11 +110,11 @@ function ce(e, t) {
 function D(e) {
   Le(`Vuetify: ${e}`);
 }
-function X(e) {
+function K(e) {
   return !!e && /^(#|var\(--|(rgb|hsl)a?\()/.test(e);
 }
 function it(e) {
-  return X(e) && !/^((rgb|hsl)a?\()?var\(--/.test(e);
+  return K(e) && !/^((rgb|hsl)a?\()?var\(--/.test(e);
 }
 const fe = /^(?<fn>(?:rgb|hsl)a?)\((?<values>.+)\)/, ut = {
   rgb: (e, t, n, s) => ({
@@ -175,11 +175,11 @@ function $(e) {
     const n = parseInt(t, 16);
     return (isNaN(n) || n < 0 || n > 4294967295) && D(`'${e}' is not a valid hex(a) color`), ot(t);
   } else if (typeof e == "object") {
-    if (Y(e, ["r", "g", "b"]))
+    if (X(e, ["r", "g", "b"]))
       return e;
-    if (Y(e, ["h", "s", "l"]))
+    if (X(e, ["h", "s", "l"]))
       return L(pe(e));
-    if (Y(e, ["h", "s", "v"]))
+    if (X(e, ["h", "s", "v"]))
       return L(e);
   }
   throw new TypeError(`Invalid color: ${e == null ? e : String(e) || e.constructor.name}
@@ -274,16 +274,16 @@ function yt() {
     var o;
     return (o = n.value) == null ? void 0 : o[e._as ?? t];
   }), r = new Proxy(e, {
-    get(o, f) {
-      var g, V, S, b, z, R, d;
-      const h = Reflect.get(o, f);
-      return f === "class" || f === "style" ? [(g = a.value) == null ? void 0 : g[f], h].filter((l) => l != null) : typeof f == "string" && !gt(s.vnode, f) ? ((V = a.value) == null ? void 0 : V[f]) !== void 0 ? (S = a.value) == null ? void 0 : S[f] : ((z = (b = n.value) == null ? void 0 : b.global) == null ? void 0 : z[f]) !== void 0 ? (d = (R = n.value) == null ? void 0 : R.global) == null ? void 0 : d[f] : h : h;
+    get(o, d) {
+      var g, V, S, b, z, R, c;
+      const h = Reflect.get(o, d);
+      return d === "class" || d === "style" ? [(g = a.value) == null ? void 0 : g[d], h].filter((l) => l != null) : typeof d == "string" && !gt(s.vnode, d) ? ((V = a.value) == null ? void 0 : V[d]) !== void 0 ? (S = a.value) == null ? void 0 : S[d] : ((z = (b = n.value) == null ? void 0 : b.global) == null ? void 0 : z[d]) !== void 0 ? (c = (R = n.value) == null ? void 0 : R.global) == null ? void 0 : c[d] : h : h;
     }
   }), u = Te();
   Ce(() => {
     if (a.value) {
-      const o = Object.entries(a.value).filter((f) => {
-        let [h] = f;
+      const o = Object.entries(a.value).filter((d) => {
+        let [h] = d;
         return h.startsWith(h[0].toUpperCase());
       });
       u.value = o.length ? Object.fromEntries(o) : void 0;
@@ -352,7 +352,7 @@ function xt(e) {
   return _e(() => {
     const t = [], n = {};
     if (e.value.background)
-      if (X(e.value.background)) {
+      if (K(e.value.background)) {
         if (n.backgroundColor = e.value.background, !e.value.text && it(e.value.background)) {
           const s = $(e.value.background);
           if (s.a == null || s.a === 1) {
@@ -362,7 +362,7 @@ function xt(e) {
         }
       } else
         t.push(`bg-${e.value.background}`);
-    return e.value.text && (X(e.value.text) ? (n.color = e.value.text, n.caretColor = e.value.text) : t.push(`text-${e.value.text}`)), {
+    return e.value.text && (K(e.value.text) ? (n.color = e.value.text, n.caretColor = e.value.text) : t.push(`text-${e.value.text}`)), {
       colorClasses: t,
       colorStyles: n
     };
@@ -473,7 +473,7 @@ const wt = (e) => {
           component: ge,
           icon: a
         };
-      const r = Object.keys(t.sets).find((f) => typeof a == "string" && a.startsWith(`${f}:`)), u = r ? a.slice(r.length + 1) : a;
+      const r = Object.keys(t.sets).find((d) => typeof a == "string" && a.startsWith(`${d}:`)), u = r ? a.slice(r.length + 1) : a;
       return {
         component: t.sets[r ?? t.defaultSet].component,
         icon: u
@@ -505,7 +505,7 @@ const Bt = w({
   start: Boolean,
   end: Boolean,
   icon: Ie,
-  ...Xe(),
+  ...Ke(),
   ...pt(),
   ...kt({
     tag: "i"
@@ -527,7 +527,7 @@ const Bt = w({
       sizeClasses: m
     } = Ft(e), {
       textColorClasses: o,
-      textColorStyles: f
+      textColorStyles: d
     } = bt(Pe(e, "color"));
     return ht(() => {
       var V, S;
@@ -547,7 +547,7 @@ const Bt = w({
           fontSize: A(e.size),
           height: A(e.size),
           width: A(e.size)
-        }, f.value, e.style],
+        }, d.value, e.style],
         role: g ? "button" : void 0,
         "aria-hidden": !g,
         tabindex: g ? e.disabled ? -1 : 0 : void 0
@@ -558,7 +558,7 @@ const Bt = w({
   }
 }), $t = /* @__PURE__ */ M({
   __name: "index",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Y({
     min: { default: -1 / 0 },
     max: { default: 1 / 0 },
     precision: { default: 4 },
@@ -591,14 +591,14 @@ const Bt = w({
   }
 }), ye = /* @__PURE__ */ M({
   __name: "index",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ Y({
     readonly: { type: Boolean, default: !1 },
     hasDelete: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ K(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Y(["delete"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = xe(e, "modelValue"), s = e, a = t;
     return (r, u) => {
@@ -606,13 +606,13 @@ const Bt = w({
       return p(), U(m, {
         modelValue: n.value,
         "onUpdate:modelValue": u[0] || (u[0] = (o) => n.value = o),
-        "onClick:appendInner": u[1] || (u[1] = (o) => a("delete")),
         variant: "outlined",
         density: "compact",
-        "append-inner-icon": s.hasDelete ? W(Ye) : "",
+        "append-inner-icon": s.hasDelete ? W(Xe) : "",
         readonly: s.readonly,
         "hide-details": "",
-        "single-line": ""
+        "single-line": "",
+        "onClick:appendInner": u[1] || (u[1] = (o) => a("delete"))
       }, null, 8, ["modelValue", "append-inner-icon", "readonly"]);
     };
   }
@@ -631,11 +631,11 @@ const Bt = w({
       height: "36px"
     }));
     return (r, u) => {
-      const m = G("v-icon"), o = G("v-spacer"), f = Ne("ripple");
+      const m = G("v-icon"), o = G("v-spacer"), d = Ne("ripple");
       return Oe((p(), be("div", {
-        onClick: u[2] || (u[2] = (h) => s("collapse", !n.collapse)),
         class: "d-flex align-center",
-        style: Ve(a.value)
+        style: Ve(a.value),
+        onClick: u[2] || (u[2] = (h) => s("collapse", !n.collapse))
       }, [
         C(m, {
           class: "mr-1",
@@ -645,18 +645,18 @@ const Bt = w({
         C(o),
         n.hasCreate ? (p(), U(m, {
           key: 0,
-          onClick: u[0] || (u[0] = j((h) => s("create"), ["stop"])),
           class: "ml-3",
-          icon: "$plus"
+          icon: "$plus",
+          onClick: u[0] || (u[0] = j((h) => s("create"), ["stop"]))
         })) : ee("", !0),
         n.hasDelete ? (p(), U(m, {
           key: 1,
-          onClick: u[1] || (u[1] = j((h) => s("delete", n.index), ["stop"])),
           class: "ml-3",
-          icon: "$sub"
+          icon: "$sub",
+          onClick: u[1] || (u[1] = j((h) => s("delete", n.index), ["stop"]))
         })) : ee("", !0)
       ], 4)), [
-        [f]
+        [d]
       ]);
     };
   }
@@ -669,20 +669,20 @@ const Bt = w({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const { t: n } = Ge(), { backgroundColor2: s } = Ue(), a = e, r = t, u = I("20px"), m = I("56px"), o = I("10px"), f = I("250px"), h = ve({});
-    function g(d, l, i, c) {
-      return l.keyFlag || (d += l.key), l.children ? l.array ? V(d, l, i, c) : S(d, l, i, c) : l.array ? b(d, l, i) : z(d, l, i);
+    const { t: n } = Ge(), { backgroundColor2: s } = Ue(), a = e, r = t, u = I("20px"), m = I("56px"), o = I("10px"), d = I("250px"), h = ve({});
+    function g(c, l, i, f) {
+      return l.keyFlag || (c !== "" && (c += "."), c += l.key), l.children ? l.array ? V(c, l, i, f) : S(c, l, i, f) : l.array ? b(c, l, i) : z(c, l, i);
     }
-    function V(d, l, i, c) {
-      i[l.key] instanceof Array || (i[l.key] = [], r("change", d, i[l.key]));
+    function V(c, l, i, f) {
+      i[l.key] instanceof Array || (i[l.key] = [], r("change", c, i[l.key]));
       const B = y(he, {
         title: n(l.name),
-        collapse: !!c.collapse,
+        collapse: !!f.collapse,
         onCollapse: (v) => {
-          c.collapse = v;
+          f.collapse = v;
         },
         onCreate: () => {
-          i[l.key].push({}), r("change", d, i[l.key]);
+          i[l.key].push({}), r("change", c, i[l.key]);
         }
       }), x = y(
         "div",
@@ -692,9 +692,9 @@ const Bt = w({
           }
         },
         (() => {
-          c[l.key] instanceof Array || (c[l.key] = []);
+          f[l.key] instanceof Array || (f[l.key] = []);
           for (let v = 0; v < i[l.key].length; v++)
-            typeof c[l.key][v] != "object" && (c[l.key][v] = {
+            typeof f[l.key][v] != "object" && (f[l.key][v] = {
               collapse: !0
             });
           return [];
@@ -710,16 +710,16 @@ const Bt = w({
         },
         (() => {
           const v = [];
-          return v.push(B), c.collapse || v.push(x), v;
+          return v.push(B), f.collapse || v.push(x), v;
         })()
       );
     }
-    function S(d, l, i, c) {
+    function S(c, l, i, f) {
       const B = y(he, {
         title: n(l.name),
-        collapse: !!c.collapse,
+        collapse: !!f.collapse,
         onCollapse: (v) => {
-          c.collapse = v;
+          f.collapse = v;
         }
       }), x = y(
         "div",
@@ -732,14 +732,14 @@ const Bt = w({
           var P;
           const v = [];
           return (P = l.children) == null || P.forEach((H) => {
-            typeof c[H.key] != "object" && (c[H.key] = {
+            typeof f[H.key] != "object" && (f[H.key] = {
               collapse: !0
             });
             const $e = g(
-              d,
+              c,
               H,
-              l.keyFlag ? i : (typeof i[l.key] != "object" && (i[l.key] = {}, r("change", d, i[l.key])), i[l.key]),
-              c[H.key]
+              l.keyFlag ? i : (typeof i[l.key] != "object" && (i[l.key] = {}, r("change", c, i[l.key])), i[l.key]),
+              f[H.key]
             );
             v.push($e);
           }), v;
@@ -755,12 +755,12 @@ const Bt = w({
         },
         (() => {
           const v = [];
-          return v.push(B), c.collapse || v.push(x), v;
+          return v.push(B), f.collapse || v.push(x), v;
         })()
       );
     }
-    function b(d, l, i) {
-      if (i[l.key] instanceof Array || (i[l.key] = N(l), r("change", d, i[l.key])), l.ui === "strInput")
+    function b(c, l, i) {
+      if (i[l.key] instanceof Array || (i[l.key] = N(l), r("change", c, i[l.key])), l.ui === "strInput")
         return y(
           "div",
           {
@@ -784,11 +784,11 @@ const Bt = w({
               "div",
               {
                 style: {
-                  width: f.value
+                  width: d.value
                 }
               },
               (() => {
-                const c = [];
+                const f = [];
                 for (let x = 0; x < i[l.key].length; x++) {
                   const v = y(
                     "div",
@@ -806,16 +806,16 @@ const Bt = w({
                       y(ye, {
                         modelValue: i[l.key][x],
                         "onUpdate:modelValue": (P) => {
-                          i[l.key][x] = P, r("change", d, i[l.key]);
+                          i[l.key][x] = P, r("change", c, i[l.key]);
                         },
                         hasDelete: !0,
                         onDelete: () => {
-                          i[l.key].splice(x, 1), r("change", d, i[l.key]);
+                          i[l.key].splice(x, 1), r("change", c, i[l.key]);
                         }
                       })
                     ]
                   );
-                  c.push(v);
+                  f.push(v);
                 }
                 const B = y(
                   "div",
@@ -835,21 +835,21 @@ const Bt = w({
                       border: "thin dashed #bdbdbd"
                     },
                     onClick: () => {
-                      i[l.key].push(""), r("change", d, i[l.key]);
+                      i[l.key].push(""), r("change", c, i[l.key]);
                     }
                   },
-                  [y(It, { icon: Ke })]
+                  [y(It, { icon: Ye })]
                 );
-                return c.push(B), c;
+                return f.push(B), f;
               })()
             )
           ]
         );
       console.assert(!1);
     }
-    function z(d, l, i) {
+    function z(c, l, i) {
       if (l.ui === "void")
-        i[l.key] === void 0 && (console.assert(l.default !== void 0), i[l.key] = N(l), r("change", d, i[l.key]));
+        i[l.key] === void 0 && (console.assert(l.default !== void 0), i[l.key] = N(l), r("change", c, i[l.key]));
       else {
         if (l.ui === "strInput")
           return y(
@@ -876,14 +876,14 @@ const Bt = w({
                 "div",
                 {
                   style: {
-                    width: f.value
+                    width: d.value
                   }
                 },
                 [
                   y(ye, {
-                    modelValue: l.static ? l.value : (typeof i[l.key] != "string" && (i[l.key] = N(l), r("change", d, i[l.key])), i[l.key]),
-                    "onUpdate:modelValue": (c) => {
-                      l.static || c !== i[l.key] && (i[l.key] = c, r("change", d, c));
+                    modelValue: l.static ? l.value : (typeof i[l.key] != "string" && (i[l.key] = N(l), r("change", c, i[l.key])), i[l.key]),
+                    "onUpdate:modelValue": (f) => {
+                      l.static || f !== i[l.key] && (i[l.key] = f, r("change", c, f));
                     },
                     readonly: l.static || l.readonly
                   })
@@ -916,14 +916,14 @@ const Bt = w({
                 "div",
                 {
                   style: {
-                    width: f.value
+                    width: d.value
                   }
                 },
                 [
                   y($t, {
-                    modelValue: (typeof i[l.key] != "number" && (i[l.key] = N(l), r("change", d, i[l.key])), i[l.key]),
-                    "onUpdate:modelValue": (c) => {
-                      c !== i[l.key] && (i[l.key] = c, r("change", d, c));
+                    modelValue: (typeof i[l.key] != "number" && (i[l.key] = N(l), r("change", c, i[l.key])), i[l.key]),
+                    "onUpdate:modelValue": (f) => {
+                      f !== i[l.key] && (i[l.key] = f, r("change", c, f));
                     },
                     readonly: l.readonly
                   })
@@ -941,22 +941,22 @@ const Bt = w({
         }
       },
       (() => {
-        const d = [];
+        const c = [];
         if (a.unique && a.config && a.object) {
           h[a.unique] || (h[a.unique] = {});
           const l = h[a.unique];
           a.config.forEach((i) => {
-            const c = g("", i, a.object, l);
-            d.push(c);
+            const f = g("", i, a.object, l);
+            c.push(f);
           });
         }
-        return d;
+        return c;
       })()
     );
-    return (d, l) => (p(), U(R));
+    return (c, l) => (p(), U(R));
   }
 }), Dt = (e) => {
-  e.component("x-prop-tree", At);
+  e.component("XPropTree", At);
 }, Rt = { install: Dt };
 export {
   Rt as default

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.3.6",
+  "version": "0.3.8",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -22,11 +22,10 @@
     "*": "prettier --write ."
   },
   "peerDependencies": {
-    "axios": "^1.7.2",
-    "vue": "^3.4.31",
+    "vue": "^3.4.32",
     "vue-i18n": "^9.13.1",
-    "vuetify": "^3.6.12",
-    "x-essential-lib": "^0.6.1",
+    "vuetify": "^3.6.13",
+    "x-essential-lib": "^0.6.3",
     "x-runtime-lib": "^0.3.8"
   },
   "devDependencies": {
@@ -40,7 +39,7 @@
     "eslint-plugin-vue": "^9.27.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.7",
-    "prettier": "3.3.2",
+    "prettier": "3.3.3",
     "sass": "^1.77.7",
     "typescript": "^5.5.3",
     "vite": "^5.3.3",