x-prop-tree 0.7.23 → 0.7.25

package/dist/index.js

@@ -1,119 +1,119 @@
-import { provide as ae, inject as ce, defineComponent as E, ref as T, computed as L, resolveComponent as $, createBlock as B, openBlock as _, unref as P, isRef as re, withCtx as R, createVNode as b, createElementBlock as K, Fragment as fe, renderList as Te, createTextVNode as ke, toDisplayString as F, resolveDirective as ee, withDirectives as j, withModifiers as X, normalizeStyle as W, createElementVNode as q, createCommentVNode as G, onMounted as He, onBeforeUnmount as Xe, watch as oe, mergeModels as Z, useModel as z, useId as $e, onUnmounted as we, mergeProps as Me, withKeys as Le, useTemplateRef as Fe, watchEffect as Ke, h as k, renderSlot as kt, reactive as _t } from "vue";
-import { useI18n as I } from "vue-i18n";
-import { useViewStack as _e, useColor as te, globalObjects as xt, eventBus as de, useSystem as pe, injectDark as St, injectLocale as Vt, openNumberDlg as ze, openPromptDlg as Ct } from "x-essential-lib";
-import { getPropertyDefault as J, pkgs as Ne, getPropertyTag as Ut, elements as $t, makeSlotId as Re, parsePixelStr as wt, parsePercentStr as Mt } from "x-runtime-lib";
-import { c as Ge, i as be, d as Ye, r as ve, v as We } from "./vendor.f0ug048x.js";
-import { globalState as Qe } from "x-state-lib";
-import { useDisplay as Ze } from "vuetify";
-import { XBlockly as bt } from "x-block-lib";
-const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t, s) => {
-  const n = (e, l) => {
-    if (e.ui !== l.ui || e.array !== l.array)
+import { provide as ie, inject as de, defineComponent as E, ref as A, computed as N, resolveComponent as V, createBlock as B, openBlock as S, unref as D, isRef as ce, withCtx as R, createVNode as P, createElementBlock as K, Fragment as ve, renderList as Ae, createTextVNode as ke, toDisplayString as F, resolveDirective as I, withDirectives as j, withModifiers as X, normalizeStyle as W, createElementVNode as q, createCommentVNode as G, onMounted as Ne, onBeforeUnmount as Oe, watch as le, mergeModels as Z, useModel as z, useId as $e, onUnmounted as we, mergeProps as be, withKeys as Be, useTemplateRef as Ge, watchEffect as He, h as x, renderSlot as kt, reactive as _t } from "vue";
+import { useI18n as oe } from "vue-i18n";
+import { useViewStack as _e, useColor as ee, globalObjects as xt, useSystem as ue, eventBus as me, injectDark as St, injectLocale as Vt, openNumberDlg as Ye, openPromptDlg as Ct } from "x-essential-lib";
+import { getPropertyDefault as J, pkgs as qe, getPropertyTag as Ut, elements as $t, makeSlotId as Xe, parsePixelStr as wt, parsePercentStr as bt } from "x-runtime-lib";
+import { c as We, i as Me, r as pe, d as Qe, v as Ze } from "./vendor.f0ug048x.js";
+import { globalState as Ke } from "x-state-lib";
+import { useDisplay as je } from "vuetify";
+import { XBlockly as Mt } from "x-block-lib";
+const Fe = (t) => !(t instanceof Array), Te = (t) => t instanceof Array, Pt = (t, s) => {
+  const l = (e, n) => {
+    if (e.ui !== n.ui || e.array !== n.array)
       return !1;
-    if (e.ui || l.ui)
+    if (e.ui || n.ui)
       return !0;
-    if (e.children.length !== l.children.length)
+    if (e.children.length !== n.children.length)
       return !1;
     for (let o = 0; o < e.children.length; o++)
-      if (!n(e.children[o], l.children[o]))
+      if (!l(e.children[o], n.children[o]))
         return !1;
     return !0;
   };
-  return n(t, s);
+  return l(t, s);
 }, Ce = (t, s) => {
-  let n = {
+  let l = {
     key: "",
     name: "",
     children: t
   };
   return s.forEach((e) => {
     if (typeof e != "number") {
-      if (!n) {
+      if (!l) {
         console.assert(!1, `unpkgProp invalid property keys=${s}`);
         return;
       }
-      if (n.ui) {
+      if (l.ui) {
         console.assert(
           !1,
           `unpkgProp property ui must be invalid keys=${s}`
         );
         return;
       }
-      n = n.children.find((l) => l.key === e);
+      l = l.children.find((n) => n.key === e);
     }
-  }), n;
+  }), l;
 }, he = (t, s) => {
-  let n = t;
+  let l = t;
   return s.forEach((e) => {
-    if (!n) {
+    if (!l) {
       console.assert(!1, `unpkgObject object must be valid keys=${s}`);
       return;
     }
-    n = n[e];
-  }), n;
-}, ne = (t, s, n, e, l, o) => {
-  if (l !== void 0)
+    l = l[e];
+  }), l;
+}, te = (t, s, l, e, n, o) => {
+  if (n !== void 0)
     if (o) {
-      if (n[s.key] === void 0) {
+      if (l[s.key] === void 0) {
         const i = J(s);
-        i !== void 0 && (n[s.key] = i, e(t, n[s.key]));
+        i !== void 0 && (l[s.key] = i, e(t, l[s.key]));
       }
-      return n[s.key];
+      return l[s.key];
     } else {
-      if (n[l] === void 0) {
+      if (l[n] === void 0) {
         const i = J(s, !0);
-        i !== void 0 && (n[l] = i, e(t, n[l]));
+        i !== void 0 && (l[n] = i, e(t, l[n]));
       }
-      return n[l];
+      return l[n];
     }
   else {
-    if (n[s.key] === void 0) {
+    if (l[s.key] === void 0) {
       const i = J(s);
-      i !== void 0 && (n[s.key] = i, e(t, n[s.key]));
+      i !== void 0 && (l[s.key] = i, e(t, l[s.key]));
     }
-    return n[s.key];
+    return l[s.key];
   }
-}, se = (t, s, n, e, l, o, i) => {
+}, se = (t, s, l, e, n, o, i) => {
   if (o !== void 0)
-    i ? e !== n[s.key] && (n[s.key] = e, l(t, n[s.key])) : e !== n[o] && (n[o] = e, l(t, n[o]));
+    i ? e !== l[s.key] && (l[s.key] = e, n(t, l[s.key])) : e !== l[o] && (l[o] = e, n(t, l[o]));
   else {
     let u = e;
-    (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "compSelect") && (e || (u = void 0)), u !== n[s.key] && (n[s.key] = u, l(t, n[s.key]));
+    (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "compSelect") && (e || (u = void 0)), u !== l[s.key] && (l[s.key] = u, n(t, l[s.key]));
   }
-}, Be = (t) => !(t instanceof Array), Pe = (t) => t instanceof Array, Dt = [
+}, Re = (t) => !(t instanceof Array), Pe = (t) => t instanceof Array, Dt = [
   ["basic", "id"],
   ["basic", "name"]
-], At = (t) => Dt.find((s) => be(t, s)), De = (t, s, n, e, l, o, i) => (t = Ge(t), o !== void 0 ? (t.push(o), i && t.push(s.key)) : t.push(s.key), At(t) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && Pe(e.children) ? Nt(
+], Lt = (t) => Dt.find((s) => Me(t, s)), De = (t, s, l, e, n, o, i) => (t = We(t), o !== void 0 ? (t.push(o), i && t.push(s.key)) : t.push(s.key), Lt(t) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && Pe(e.children) ? Nt(
   t,
   s,
-  n,
-  e,
   l,
+  e,
+  n,
   o,
   i
-) : Bt(
+) : Ot(
   s,
-  n,
+  l,
   e,
   o,
   i
 ) : s.array ? Tt(
   t,
   s,
-  n,
-  e,
   l,
+  e,
+  n,
   o,
   i
-) : Lt(
+) : At(
   t,
   s,
-  n,
-  e,
   l,
+  e,
+  n,
   o,
   i
-)), Tt = (t, s, n, e, l, o, i) => {
+)), Tt = (t, s, l, e, n, o, i) => {
   if (s.ui)
     return console.assert(!1, "execPropertyBranchArray property ui must be invalid"), !1;
   if (!s.array)
@@ -127,34 +127,34 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
       "execPropertyBranchArray state children must be array"
     ), !1;
   let u;
-  o !== void 0 && !i ? (n[o] instanceof Array || (n[o] = J(s), l?.(t, n[o])), u = n[o]) : (n[s.key] instanceof Array || (n[s.key] = J(s), l?.(t, n[s.key])), u = n[s.key]), e.change = !1;
+  o !== void 0 && !i ? (l[o] instanceof Array || (l[o] = J(s), n?.(t, l[o])), u = l[o]) : (l[s.key] instanceof Array || (l[s.key] = J(s), n?.(t, l[s.key])), u = l[s.key]), e.change = !1;
   for (let r = 0; r < u.length; r++) {
     e.children.push({
       change: !1,
       children: {}
     });
     const a = e.children[r];
-    s.children.forEach((d) => {
-      if (!a.children || !Be(a.children)) {
+    s.children.forEach((c) => {
+      if (!a.children || !Re(a.children)) {
         console.assert(!1);
         return;
       }
-      a.children[d.key] = {
+      a.children[c.key] = {
         change: !1,
-        children: d.array ? [] : {}
+        children: c.array ? [] : {}
       }, De(
         t,
-        d,
+        c,
         u[r],
-        a.children[d.key],
-        l,
+        a.children[c.key],
+        n,
         r,
         !0
       ) && (a.change = !0), a.change && (e.change = !0);
     });
   }
-  return e.change || (e.change = !be(u, J(s))), e.change;
-}, Lt = (t, s, n, e, l, o, i) => {
+  return e.change || (e.change = !Me(u, J(s))), e.change;
+}, At = (t, s, l, e, n, o, i) => {
   if (s.ui)
     return console.assert(
       !1,
@@ -165,19 +165,19 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
       !1,
       "execPropertyBranchScalar property array must be invalid"
     ), !1;
-  if (!e.children || !Be(e.children))
+  if (!e.children || !Re(e.children))
     return console.assert(!1, "execPropertyBranchScalar state children must be map"), !1;
   let u;
-  o !== void 0 && !i ? (n[o] || (n[o] = {}), u = n[o]) : (n[s.key] || (n[s.key] = {}), u = n[s.key]), e.change = !1;
+  o !== void 0 && !i ? (l[o] || (l[o] = {}), u = l[o]) : (l[s.key] || (l[s.key] = {}), u = l[s.key]), e.change = !1;
   for (let r = 0; r < s.children.length; r++) {
     const a = s.children[r];
     e.children[a.key] = {
       change: !1,
       children: a.array ? [] : {}
-    }, De(t, a, u, e.children[a.key], l) && (e.change = !0);
+    }, De(t, a, u, e.children[a.key], n) && (e.change = !0);
   }
   return e.change;
-}, Nt = (t, s, n, e, l, o, i) => {
+}, Nt = (t, s, l, e, n, o, i) => {
   if (!s.ui)
     return console.assert(!1, "execPropertyLeafArray property ui must be valid"), !1;
   if (!s.array)
@@ -185,7 +185,7 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
   if (!e.children || !Pe(e.children))
     return console.assert(!1, "execPropertyLeafArray state children must be array"), !1;
   let u;
-  o !== void 0 && !i ? (n[o] instanceof Array || (n[o] = J(s), l?.(t, n[o])), u = n[o]) : (n[s.key] instanceof Array || (n[s.key] = J(s), l?.(t, n[s.key])), u = n[s.key]), e.change = !1;
+  o !== void 0 && !i ? (l[o] instanceof Array || (l[o] = J(s), n?.(t, l[o])), u = l[o]) : (l[s.key] instanceof Array || (l[s.key] = J(s), n?.(t, l[s.key])), u = l[s.key]), e.change = !1;
   for (let r = 0; r < u.length; r++)
     e.children[r] = {
       change: !1,
@@ -195,192 +195,195 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
       s,
       u,
       e.children[r],
-      l,
+      n,
       r,
       !1
     ) && (e.change = !0);
-  return e.change || (e.change = !be(u, J(s))), e.change;
-}, Bt = (t, s, n, e, l) => {
+  return e.change || (e.change = !Me(u, J(s))), e.change;
+}, Ot = (t, s, l, e, n) => {
   if (!t.ui)
     return console.assert(!1, "execPropertyLeafScalar property ui must be valid"), !1;
   let o;
-  return e !== void 0 && !l ? o = s[e] : o = s[t.key], n.change = !be(o, J(t, !0)), n.change;
-}, Je = (t, s, n, e) => {
-  if (s.length <= 0 || !n) {
+  return e !== void 0 && !n ? o = s[e] : o = s[t.key], l.change = !Me(o, J(t, !0)), l.change;
+}, ze = (t, s, l, e) => {
+  if (s.length <= 0 || !l) {
     t.value = {};
     return;
   }
-  const l = {};
+  const n = {};
   s.forEach((o) => {
-    l[o.key] = {
+    n[o.key] = {
       change: !1,
       children: o.array ? [] : {}
-    }, De([], o, n, l[o.key], e);
-  }), t.value = l;
-}, me = (t, s) => {
-  let n = {
+    }, De([], o, l, n[o.key], e);
+  }), t.value = n;
+}, fe = (t, s) => {
+  let l = {
     change: !1,
     children: t
   };
   return s.forEach((e) => {
-    if (!n)
+    if (!l)
       return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
-    if (!n.children)
+    if (!l.children)
       return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
-    typeof e == "string" ? Be(n.children) && (n = n.children[e]) : Pe(n.children) && (n = n.children[e]);
-  }), n?.change ?? !1;
-}, je = Symbol(), Ie = Symbol(), et = Symbol(), tt = Symbol(), nt = Symbol(), lt = Symbol(), ot = Symbol();
-function Ot(t) {
-  ae(je, t);
-}
-function Oe() {
-  return ce(je);
-}
+    typeof e == "string" ? Re(l.children) && (l = l.children[e]) : Pe(l.children) && (l = l.children[e]);
+  }), l?.change ?? !1;
+}, Ie = Symbol(), et = Symbol(), tt = Symbol(), nt = Symbol(), lt = Symbol(), ot = Symbol(), Bt = Symbol(), st = Symbol();
 function qt(t) {
-  ae(Ie, t);
+  ie(Ie, t);
 }
-function Kt() {
-  return ce(Ie);
+function Ee() {
+  return de(Ie);
 }
-function Rt(t) {
-  ae(et, t);
+function Kt(t) {
+  ie(et, t);
 }
-function Et() {
-  return ce(et);
+function Rt() {
+  return de(et);
 }
-function Jt(t) {
-  ae(tt, t);
+function Et(t) {
+  ie(tt, t);
 }
-function Ht() {
-  return ce(tt);
+function Jt() {
+  return de(tt);
 }
-function Xt(t) {
-  ae(nt, t);
+function Ht(t) {
+  ie(nt, t);
 }
-function Ft() {
-  return ce(nt);
+function Xt() {
+  return de(nt);
 }
-function zt(t) {
-  ae(lt, t);
+function Ft(t) {
+  ie(lt, t);
 }
-function st() {
-  return ce(lt);
+function zt() {
+  return de(lt);
 }
 function Gt(t) {
-  ae(ot, t);
+  ie(ot, t);
 }
 function it() {
-  return ce(ot);
+  return de(ot);
+}
+function Yt(t) {
+  ie(Bt, t);
 }
-const Yt = /* @__PURE__ */ E({
+function Wt(t) {
+  ie(st, t);
+}
+function ut() {
+  return de(st);
+}
+const Qt = /* @__PURE__ */ E({
   __name: "index",
   setup(t) {
-    const { t: s } = I(), n = Kt(), e = Et(), l = Ht(), o = Ft(), i = T(0), u = T(0), r = T([]), a = L(() => [i.value, u.value]), d = (S) => {
-      const D = () => !(r.value.length <= 0 || !me(l.value, r.value)), x = () => {
-        const V = Ce(n.value, r.value);
-        if (V)
-          if (V.ui) {
-            const U = he(e.value, r.value.slice(0, -1));
-            if (!U)
+    const { t: s } = oe(), l = Rt(), e = Jt(), n = Xt(), o = zt(), i = A(0), u = A(0), r = A([]), a = N(() => [i.value, u.value]), c = (_) => {
+      const b = () => !(r.value.length <= 0 || !fe(n.value, r.value)), U = () => {
+        const g = Ce(l.value, r.value);
+        if (g)
+          if (g.ui) {
+            const $ = he(e.value, r.value.slice(0, -1));
+            if (!$)
               return;
-            U[r.value[r.value.length - 1]] = J(V), o(r.value, U[r.value[r.value.length - 1]]);
-          } else if (V.array) {
-            const U = r.value[r.value.length - 1];
-            if (U === void 0) {
+            $[r.value[r.value.length - 1]] = J(g), o(r.value, $[r.value[r.value.length - 1]]);
+          } else if (g.array) {
+            const $ = r.value[r.value.length - 1];
+            if ($ === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
-            if (typeof U == "string") {
-              const O = he(e.value, r.value.slice(0, -1));
-              if (!O)
+            if (typeof $ == "string") {
+              const L = he(e.value, r.value.slice(0, -1));
+              if (!L)
                 return;
-              O[r.value[r.value.length - 1]] = J(V), o(r.value, O[r.value[r.value.length - 1]]);
+              L[r.value[r.value.length - 1]] = J(g), o(r.value, L[r.value[r.value.length - 1]]);
             } else {
-              const O = he(e.value, r.value);
-              if (!O)
+              const L = he(e.value, r.value);
+              if (!L)
                 return;
-              V.children.forEach((Q) => {
-                O[Q.key] = J(V), o([...r.value, Q.key], O[Q.key]);
+              g.children.forEach((Q) => {
+                L[Q.key] = J(g), o([...r.value, Q.key], L[Q.key]);
               });
             }
           } else {
-            const U = he(e.value, r.value);
-            if (!U)
+            const $ = he(e.value, r.value);
+            if (!$)
               return;
-            V.children.forEach((O) => {
-              U[O.key] = J(V), o([...r.value, O.key], U[O.key]);
+            g.children.forEach((L) => {
+              $[L.key] = J(g), o([...r.value, L.key], $[L.key]);
             });
           }
       };
-      D() && S.push({
+      b() && _.push({
         title: s("x-prop-tree.reset"),
-        func: x
+        func: U
       });
-    }, c = (S) => {
-      const D = () => {
-        const x = Ce(n.value, r.value), V = he(e.value, r.value);
-        localStorage.setItem("propTreeCopy", JSON.stringify({ property: x, object: V }));
+    }, d = (_) => {
+      const b = () => {
+        const U = Ce(l.value, r.value), g = he(e.value, r.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ property: U, object: g }));
       };
-      S.push({
+      _.push({
         title: s("x-prop-tree.copy"),
-        func: D
+        func: b
       });
-    }, f = (S) => {
-      const D = () => {
-        const V = localStorage.getItem("propTreeCopy");
-        if (!V)
+    }, f = (_) => {
+      const b = () => {
+        const g = localStorage.getItem("propTreeCopy");
+        if (!g)
           return !1;
         try {
-          const { property: U } = JSON.parse(V);
-          if (!U)
+          const { property: $ } = JSON.parse(g);
+          if (!$)
             return !1;
-          const O = Ce(n.value, r.value);
-          return Pt(U, O);
-        } catch (U) {
-          console.error(U);
+          const L = Ce(l.value, r.value);
+          return Pt($, L);
+        } catch ($) {
+          console.error($);
         }
         return !1;
-      }, x = () => {
-        if (!D())
+      }, U = () => {
+        if (!b())
           return;
-        const V = localStorage.getItem("propTreeCopy");
-        if (V)
+        const g = localStorage.getItem("propTreeCopy");
+        if (g)
           try {
-            const { object: U } = JSON.parse(V), O = Ce(n.value, r.value);
-            console.log(U, O);
-          } catch (U) {
-            console.error(U);
+            const { object: $ } = JSON.parse(g), L = Ce(l.value, r.value);
+            console.log($, L);
+          } catch ($) {
+            console.error($);
           }
       };
-      D() && S.push({
+      b() && _.push({
         title: s("x-prop-tree.paste"),
-        func: x
+        func: U
       });
-    }, v = L(() => {
-      const S = [];
-      return d(S), c(S), f(S), S;
-    }), C = (S) => {
-      i.value = S.x, u.value = S.y, r.value = S.keys;
-    }, { open: h } = _e("propTreeMenu", C);
-    return (S, D) => {
-      const x = $("v-list-item-title"), V = $("v-list-item"), U = $("v-list"), O = $("v-menu");
-      return _(), B(O, {
-        modelValue: P(h),
-        "onUpdate:modelValue": D[0] || (D[0] = (Q) => re(h) ? h.value = Q : null),
+    }, v = N(() => {
+      const _ = [];
+      return c(_), d(_), f(_), _;
+    }), p = (_) => {
+      i.value = _.x, u.value = _.y, r.value = _.keys;
+    }, { open: C } = _e("propTreeMenu", p);
+    return (_, b) => {
+      const U = V("v-list-item-title"), g = V("v-list-item"), $ = V("v-list"), L = V("v-menu");
+      return S(), B(L, {
+        modelValue: D(C),
+        "onUpdate:modelValue": b[0] || (b[0] = (Q) => ce(C) ? C.value = Q : null),
         "location-strategy": "connected",
         scrim: "transparent",
         target: a.value
       }, {
         default: R(() => [
-          b(U, null, {
+          P($, null, {
             default: R(() => [
-              (_(!0), K(fe, null, Te(v.value, (Q, ge) => (_(), B(V, {
+              (S(!0), K(ve, null, Ae(v.value, (Q, ge) => (S(), B(g, {
                 key: ge,
                 link: "",
                 onClick: Q.func
               }, {
                 default: R(() => [
-                  b(x, null, {
+                  P(U, null, {
                     default: R(() => [
                       ke(F(Q.title), 1)
                     ]),
@@ -397,7 +400,7 @@ const Yt = /* @__PURE__ */ E({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Wt = { style: { pointerEvents: "none" } }, Ue = /* @__PURE__ */ E({
+}), Zt = { style: { pointerEvents: "none" } }, Ue = /* @__PURE__ */ E({
   __name: "index",
   props: {
     title: {},
@@ -408,170 +411,200 @@ const Yt = /* @__PURE__ */ E({
   },
   emits: ["collapse", "menu", "create", "delete"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: n, highlightColor: e } = te(), l = s, o = T(!1), i = L(() => ({
-      background: o.value ? e.value : n.value,
+    const { backgroundColor2: l, highlightColor: e } = ee(), n = s, o = A(!1), i = N(() => ({
+      background: o.value ? e.value : l.value,
       height: "36px",
       marginBottom: "1px",
       userSelect: "none"
     })), u = () => {
-      l("collapse", !t.collapse);
+      n("collapse", !t.collapse);
     }, r = (a) => {
-      l("menu", a.clientX, a.clientY);
+      n("menu", a.clientX, a.clientY);
     };
-    return (a, d) => {
-      const c = $("v-icon"), f = $("v-spacer"), v = $("v-btn"), C = ee("ripple");
-      return j((_(), K("div", {
+    return (a, c) => {
+      const d = V("v-icon"), f = V("v-spacer"), v = V("v-btn"), p = I("ripple");
+      return j((S(), K("div", {
         class: "d-flex align-center cursor-pointer",
         style: W(i.value),
         onClick: u,
         onContextmenu: X(r, ["self", "prevent"]),
-        onMouseout: d[2] || (d[2] = (h) => o.value = !1),
-        onMouseover: d[3] || (d[3] = (h) => o.value = !0)
+        onMouseout: c[2] || (c[2] = (C) => o.value = !1),
+        onMouseover: c[3] || (c[3] = (C) => o.value = !0)
       }, [
-        b(c, {
+        P(d, {
           class: "mr-1",
           icon: t.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
         }, null, 8, ["icon"]),
-        q("span", Wt, F(t.title), 1),
-        b(f),
-        t.hasCreate ? (_(), B(v, {
+        q("span", Zt, F(t.title), 1),
+        P(f),
+        t.hasCreate ? (S(), B(v, {
           key: 0,
           class: "mx-3",
           density: "compact",
           icon: "mdi-plus",
           variant: "text",
-          onClick: d[0] || (d[0] = X((h) => l("create"), ["stop"]))
+          onClick: c[0] || (c[0] = X((C) => n("create"), ["stop"]))
         })) : G("", !0),
-        t.hasDelete ? (_(), B(v, {
+        t.hasDelete ? (S(), B(v, {
           key: 1,
           class: "mx-3",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: d[1] || (d[1] = X((h) => l("delete", t.index), ["stop"]))
+          onClick: c[1] || (c[1] = X((C) => n("delete", t.index), ["stop"]))
         })) : G("", !0)
       ], 36)), [
-        [C]
+        [p]
       ]);
     };
   }
 });
-function Qt() {
-  const t = T([]);
-  zt(t);
-  const s = () => {
-    const { activeApp: o, depends: i } = Qe.app, u = [];
-    for (const { id: r, name: a, position: d } of o.compGroups) {
-      const c = t.value.find((f) => f.id === r);
-      u.push({
-        id: r,
-        type: 0,
-        name: a,
-        position: d,
-        collapse: c?.collapse ?? !0
-      });
-    }
-    for (const { id: r, groupId: a, name: d, position: c } of o.comps)
-      i[r] && u.push({ id: r, type: 1, name: d, position: c, group: a });
-    Ye(u, !0), t.value = u;
-  };
-  let n;
-  const e = () => {
-    clearTimeout(n), n = window.setTimeout(() => {
-      s(), n && e();
-    }, 1e3);
-  }, l = () => {
-    clearTimeout(n), n = void 0;
-  };
-  He(() => {
-    e();
-  }), Xe(() => {
-    l();
-  });
-}
-function Zt(t, s, n) {
-  const { i18n: e } = xt, l = T([]);
-  Gt(l);
+function jt(t, s, l) {
+  const { i18n: e } = xt, n = A([]);
+  Wt(n);
   const o = () => {
-    if (!t.value || !s.value || !n.value)
-      return;
-    const a = Ne[t.value];
-    if (!a) {
-      console.assert(!1, `invalid version=${t.value}`);
-      return;
-    }
-    const d = Ut(s.value, n.value), c = [];
-    for (let h = 0; h < a.groups[d].length; h++) {
-      const S = a.groups[d][h], D = ve(l, S.key);
-      c.push({
-        id: S.key,
+    if (!t.value || !s.value || !l.value)
+      return [];
+    const c = qe[t.value];
+    if (!c)
+      return console.assert(!1, `invalid version=${t.value}`), [];
+    const d = Ut(s.value, l.value), f = [];
+    for (let _ = 0; _ < c.groups[d].length; _++) {
+      const b = c.groups[d][_], U = pe(n, b.key);
+      f.push({
+        id: b.key,
         type: 0,
-        name: e.global.t(S.name),
-        position: h,
-        collapse: D?.collapse ?? !0,
+        name: e.global.t(b.name),
+        position: _,
+        collapse: U?.collapse ?? !0,
         count: 0
       });
-      let x = 0;
-      for (const V of S.items) {
-        const U = $t[V];
-        if (U && !U.internal && U.slots)
-          for (const O of U.slots) {
-            const Q = Re("elementSlot", U.key, O.key), ge = `${e.global.t(U.name)} / ${e.global.t(O.name)}`;
-            c.push({
-              id: Q,
+      let g = 0;
+      for (const $ of b.items) {
+        const L = $t[$];
+        if (L && !L.internal && L.slots)
+          for (const Q of L.slots) {
+            const ge = Xe("elementSlot", L.key, Q.key), Le = `${e.global.t(L.name)} / ${e.global.t(Q.name)}`;
+            f.push({
+              id: ge,
               type: 1,
-              name: ge,
-              position: x++,
-              group: S.key
+              name: Le,
+              position: g++,
+              group: b.key
             });
           }
       }
     }
-    const { activeApp: f, depends: v } = Qe.app;
-    for (const { id: h, name: S, position: D } of f.compGroups) {
-      const x = ve(l, h);
-      c.push({
-        id: h,
+    const { activeApp: v, depends: p } = Ke.app;
+    for (const { id: _, name: b, position: U } of v.compGroups) {
+      const g = pe(n, _);
+      f.push({
+        id: _,
         type: 0,
-        name: S,
-        position: D,
-        collapse: x?.collapse ?? !0
+        name: b,
+        position: U,
+        collapse: g?.collapse ?? !0
       });
     }
     let C = 0;
-    for (const h of f.comps) {
-      const S = v[h.id];
-      if (S && S.meta.slots)
-        for (const D of S.meta.slots) {
-          const x = Re("customSlot", h.id, D.id), V = `${h.name} / ${D.name}`;
-          c.push({
-            id: x,
+    for (const _ of v.comps) {
+      const b = p[_.id];
+      if (b && b.meta.slots)
+        for (const U of b.meta.slots) {
+          const g = Xe("customSlot", _.id, U.id), $ = `${_.name} / ${U.name}`;
+          f.push({
+            id: g,
             type: 1,
-            name: V,
+            name: $,
             position: C++,
-            group: h.groupId
+            group: _.groupId
           });
         }
     }
-    Ye(c, !0), l.value = c;
+    return Qe(f, !0), f;
+  }, i = () => {
+    n.value = o();
   };
-  let i;
-  const u = () => {
-    clearTimeout(i), i = window.setTimeout(() => {
-      o(), i && u();
+  let u;
+  const r = () => {
+    clearTimeout(u), u = window.setTimeout(() => {
+      i(), u && r();
     }, 1e3);
-  }, r = () => {
-    clearTimeout(i), i = void 0;
+  }, a = () => {
+    clearTimeout(u), u = void 0;
   };
-  He(() => {
-    u();
-  }), Xe(() => {
+  Ne(() => {
     r();
-  }), oe([t, s, n], () => {
-    o(), u();
+  }), Oe(() => {
+    a();
+  }), le([t, s, l], () => {
+    i(), r();
   });
 }
-const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PURE__ */ E({
+function It() {
+  const t = A([]);
+  Gt(t);
+  const s = () => {
+    const { activeApp: o, depends: i } = Ke.app, u = [];
+    for (const { id: r, name: a, position: c } of o.compGroups) {
+      const d = t.value.find((f) => f.id === r);
+      u.push({
+        id: r,
+        type: 0,
+        name: a,
+        position: c,
+        collapse: d?.collapse ?? !0
+      });
+    }
+    for (const { id: r, groupId: a, name: c, position: d } of o.comps)
+      i[r] && u.push({ id: r, type: 1, name: c, position: d, group: a });
+    Qe(u, !0), t.value = u;
+  };
+  let l;
+  const e = () => {
+    clearTimeout(l), l = window.setTimeout(() => {
+      s(), l && e();
+    }, 1e3);
+  }, n = () => {
+    clearTimeout(l), l = void 0;
+  };
+  Ne(() => {
+    e();
+  }), Oe(() => {
+    n();
+  });
+}
+function en() {
+  const t = A([]);
+  Yt(t);
+  const s = () => {
+    const { activeObject: i, activeComp: u } = Ke.app;
+    if (i.type !== "comp")
+      return [];
+    if (!u.meta.slots)
+      return [];
+    const r = [];
+    for (const { id: a, name: c } of u.meta.slots)
+      r.push({ id: a, name: c });
+    return r;
+  }, l = () => {
+    t.value = s();
+  };
+  let e;
+  const n = () => {
+    clearTimeout(e), e = window.setTimeout(() => {
+      l(), e && n();
+    }, 1e3);
+  }, o = () => {
+    clearTimeout(e), e = void 0;
+  };
+  Ne(() => {
+    n();
+  }), Oe(() => {
+    o();
+  });
+}
+const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -582,52 +615,52 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   }),
   emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { t: n } = I(), e = z(t, "modelValue"), l = s, o = L(() => {
+    const { t: l } = oe(), e = z(t, "modelValue"), n = s, o = N(() => {
       let r = "100%";
       return t.hasDelete && (r = "calc(100% - 37px)"), {
         width: r
       };
-    }), i = L(() => t.readonly), { open: u } = _e(`propTreeColorPickerMenu${$e()}`);
+    }), i = N(() => t.readonly), { open: u } = _e(`propTreeColorPickerMenu${$e()}`);
     return we(() => {
       u.value = !1;
     }), (r, a) => {
-      const d = $("v-btn"), c = $("v-color-picker"), f = $("v-menu");
-      return _(), B(f, {
-        modelValue: P(u),
-        "onUpdate:modelValue": a[2] || (a[2] = (v) => re(u) ? u.value = v : null),
+      const c = V("v-btn"), d = V("v-color-picker"), f = V("v-menu");
+      return S(), B(f, {
+        modelValue: D(u),
+        "onUpdate:modelValue": a[2] || (a[2] = (v) => ce(u) ? u.value = v : null),
         "close-on-content-click": !1,
         scrim: "transparent"
       }, {
         activator: R(({ props: v }) => [
-          q("div", jt, [
+          q("div", tn, [
             q("div", {
               class: "flex-grow-1",
               style: W(o.value)
             }, [
-              b(d, Me(v, {
+              P(c, be(v, {
                 block: "",
                 color: e.value,
                 density: "comfortable",
                 disabled: i.value
               }), {
                 default: R(() => [
-                  ke(F(e.value ? e.value : P(n)("x-runtime-lib.notSet")), 1)
+                  ke(F(e.value ? e.value : D(l)("x-runtime-lib.notSet")), 1)
                 ]),
                 _: 1
               }, 16, ["color", "disabled"])
             ], 4),
-            t.hasDelete ? (_(), B(d, {
+            t.hasDelete ? (S(), B(c, {
               key: 0,
               class: "mx-2",
               density: "compact",
               icon: "mdi-minus",
               variant: "text",
-              onClick: a[0] || (a[0] = X((C) => l("delete"), ["stop"]))
+              onClick: a[0] || (a[0] = X((p) => n("delete"), ["stop"]))
             })) : G("", !0)
           ])
         ]),
         default: R(() => [
-          b(c, {
+          P(d, {
             modelValue: e.value,
             "onUpdate:modelValue": a[1] || (a[1] = (v) => e.value = v),
             mode: "hexa",
@@ -639,7 +672,7 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
       }, 8, ["modelValue"]);
     };
   }
-}), en = { class: "text-subtitle-2 ml-1" }, tn = { class: "text-caption text-grey ml-1" }, nn = /* @__PURE__ */ E({
+}), ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-grey ml-1" }, sn = /* @__PURE__ */ E({
   __name: "group",
   props: {
     id: {},
@@ -649,33 +682,33 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   },
   emits: ["x-click"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: n, highlightColor: e } = te(), l = t, o = s, i = T(!1), u = L(() => ({
-      background: i.value ? e.value : n.value,
+    const { backgroundColor2: l, highlightColor: e } = ee(), n = t, o = s, i = A(!1), u = N(() => ({
+      background: i.value ? e.value : l.value,
       height: "30px",
       marginBottom: "1px",
       userSelect: "none"
     }));
     return (r, a) => {
-      const d = $("v-icon"), c = ee("ripple");
-      return j((_(), K("div", {
+      const c = V("v-icon"), d = I("ripple");
+      return j((S(), K("div", {
         class: "d-flex align-center cursor-pointer",
         style: W(u.value),
-        onClick: a[0] || (a[0] = (f) => o("x-click", l.id)),
+        onClick: a[0] || (a[0] = (f) => o("x-click", n.id)),
         onMouseout: a[1] || (a[1] = (f) => i.value = !1),
         onMouseover: a[2] || (a[2] = (f) => i.value = !0)
       }, [
-        b(d, {
-          icon: l.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
+        P(c, {
+          icon: n.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
           size: "small"
         }, null, 8, ["icon"]),
-        q("span", en, F(l.title), 1),
-        q("span", tn, F(l.count), 1)
+        q("span", ln, F(n.title), 1),
+        q("span", on, F(n.count), 1)
       ], 36)), [
-        [c]
+        [d]
       ]);
     };
   }
-}), ln = { class: "text-subtitle-1 ml-6" }, on = /* @__PURE__ */ E({
+}), un = { class: "text-subtitle-1 ml-6" }, rn = /* @__PURE__ */ E({
   __name: "item",
   props: {
     id: {},
@@ -683,31 +716,31 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   },
   emits: ["x-click"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: n, highlightColor: e } = te(), l = t, o = s, i = T(!1), u = L(() => ({
-      background: i.value ? e.value : n.value,
+    const { backgroundColor2: l, highlightColor: e } = ee(), n = t, o = s, i = A(!1), u = N(() => ({
+      background: i.value ? e.value : l.value,
       height: "48px",
       marginBottom: "1px",
       userSelect: "none"
     }));
     return (r, a) => {
-      const d = ee("ripple");
-      return j((_(), K("div", {
+      const c = I("ripple");
+      return j((S(), K("div", {
         class: "d-flex align-center cursor-pointer",
         style: W(u.value),
-        onClick: a[0] || (a[0] = (c) => o("x-click", l.id)),
-        onMouseout: a[1] || (a[1] = (c) => i.value = !1),
-        onMouseover: a[2] || (a[2] = (c) => i.value = !0)
+        onClick: a[0] || (a[0] = (d) => o("x-click", n.id)),
+        onMouseout: a[1] || (a[1] = (d) => i.value = !1),
+        onMouseover: a[2] || (a[2] = (d) => i.value = !0)
       }, [
-        q("span", ln, F(l.title), 1)
+        q("span", un, F(n.title), 1)
       ], 36)), [
-        [d]
+        [c]
       ]);
     };
   }
-}), sn = { key: 0 }, un = {
+}), an = { key: 0 }, cn = {
   key: 1,
   class: "text-body-2 text-grey ml-3"
-}, rn = /* @__PURE__ */ E({
+}, dn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: {},
@@ -717,17 +750,17 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   },
   emits: ["update:modelValue", "update:open"],
   setup(t) {
-    const { t: s } = I(), n = z(t, "modelValue"), e = z(t, "open"), l = st(), o = (u) => {
-      const r = ve(l, u);
-      r && We(l, u, !r.collapse);
+    const { nameList: s } = ue(), l = z(t, "modelValue"), e = z(t, "open"), n = it(), o = (u) => {
+      const r = pe(n, u);
+      r && Ze(n, u, !r.collapse);
     }, i = (u) => {
-      n.value = u, e.value = !1, de.emit("refreshDepends");
+      l.value = u, e.value = !1, me.emit("refreshDepends");
     };
-    return (u, r) => P(l).length > 0 ? (_(), K("div", sn, [
-      (_(!0), K(fe, null, Te(P(l), (a) => (_(), K(fe, {
+    return (u, r) => D(n).length > 0 ? (S(), K("div", an, [
+      (S(!0), K(ve, null, Ae(D(n), (a) => (S(), K(ve, {
         key: a.id
       }, [
-        a.type === 0 ? (_(), B(nn, {
+        a.type === 0 ? (S(), B(sn, {
           key: 0,
           id: a.id,
           collapse: a.collapse,
@@ -735,16 +768,16 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
           title: a.name,
           onXClick: o
         }, null, 8, ["id", "collapse", "count", "title"])) : G("", !0),
-        a.type === 1 && a.show ? (_(), B(on, {
+        a.type === 1 && a.show ? (S(), B(rn, {
           key: 1,
           id: a.id,
           title: a.name,
           onXClick: i
         }, null, 8, ["id", "title"])) : G("", !0)
       ], 64))), 128))
-    ])) : (_(), K("div", un, F(P(s)("x-prop-tree.noComp")), 1));
+    ])) : (S(), K("div", cn, F(D(s)(["no", "comp"])), 1));
   }
-}), an = { class: "text-subtitle-1 ml-3" }, cn = /* @__PURE__ */ E({
+}), mn = { class: "text-subtitle-1 ml-3" }, fn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: {},
@@ -752,42 +785,42 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: s } = I(), n = Ze(), { sysBarAvail: e } = pe(), { backgroundColor1: l } = te(), o = z(t, "modelValue"), i = st(), u = L(() => {
-      let f = "100%";
-      return n.mdAndUp.value && (f = "400px"), {
-        background: l.value,
-        width: f,
+    const { t: s } = oe(), l = je(), { sysBarAvail: e, nameList: n } = ue(), { backgroundColor1: o } = ee(), i = z(t, "modelValue"), u = it(), r = N(() => {
+      let v = "100%";
+      return l.mdAndUp.value && (v = "400px"), {
+        background: o.value,
+        width: v,
         height: "100%"
       };
-    }), r = L(() => {
-      let f = 48;
-      return e.value && (f += 24), {
+    }), a = N(() => {
+      let v = 48;
+      return e.value && (v += 24), {
         position: "relative",
-        height: `calc(100% - ${f}px)`
+        height: `calc(100% - ${v}px)`
       };
-    }), a = L(() => ({
+    }), c = N(() => ({
       height: "60px"
-    })), d = L(() => {
-      if (!o.value)
+    })), d = N(() => {
+      if (!i.value)
         return s("x-runtime-lib.notSet");
-      const f = ve(i, o.value);
-      return f ? f.name : s("x-runtime-lib.compNotAvail");
-    }), { open: c } = _e(`propTreeCompSelectDlg${$e()}`);
+      const v = pe(u, i.value);
+      return v ? v.name : s("x-runtime-lib.compNotAvail");
+    }), { open: f } = _e(`propTreeCompSelectDlg${$e()}`);
     return we(() => {
-      c.value = !1;
-    }), (f, v) => {
-      const C = $("v-btn"), h = $("v-sheet"), S = $("v-icon"), D = $("v-dialog");
-      return _(), B(D, {
-        modelValue: P(c),
-        "onUpdate:modelValue": v[5] || (v[5] = (x) => re(c) ? c.value = x : null),
+      f.value = !1;
+    }), (v, p) => {
+      const C = V("v-btn"), _ = V("v-sheet"), b = V("v-icon"), U = V("v-dialog");
+      return S(), B(U, {
+        modelValue: D(f),
+        "onUpdate:modelValue": p[5] || (p[5] = (g) => ce(f) ? f.value = g : null),
         fullscreen: "",
         "no-click-animation": "",
         persistent: "",
         transition: "scroll-x-reverse-transition",
-        onKeydown: v[6] || (v[6] = Le(X((x) => c.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: p[6] || (p[6] = Be(X((g) => f.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: R(({ props: x }) => [
-          b(C, Me(x, {
+        activator: R(({ props: g }) => [
+          P(C, be(g, {
             block: "",
             density: "comfortable"
           }), {
@@ -800,44 +833,44 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
         default: R(() => [
           q("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
-            onClick: v[3] || (v[3] = X((x) => c.value = !1, ["self"])),
-            onContextmenu: v[4] || (v[4] = X((x) => c.value = !1, ["self", "prevent"]))
+            onClick: p[3] || (p[3] = X((g) => f.value = !1, ["self"])),
+            onContextmenu: p[4] || (p[4] = X((g) => f.value = !1, ["self", "prevent"]))
           }, [
             q("div", {
               class: "elevation-2",
-              style: W(u.value)
+              style: W(r.value)
             }, [
-              P(e) ? (_(), B(h, {
+              D(e) ? (S(), B(_, {
                 key: 0,
                 color: "transparent",
                 height: 24
               })) : G("", !0),
-              b(h, {
+              P(_, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
                 default: R(() => [
-                  b(S, {
+                  P(b, {
                     icon: "mdi-close",
-                    onClick: v[0] || (v[0] = (x) => c.value = !1)
+                    onClick: p[0] || (p[0] = (g) => f.value = !1)
                   }),
-                  q("span", an, F(P(s)("x-prop-tree.dlg.compSelect.title")), 1)
+                  q("span", mn, F(D(n)(["select", "comp"])), 1)
                 ]),
                 _: 1
               }),
               q("div", {
                 class: "overflow-y-auto",
-                style: W(r.value)
+                style: W(a.value)
               }, [
-                b(rn, {
-                  modelValue: o.value,
-                  "onUpdate:modelValue": v[1] || (v[1] = (x) => o.value = x),
-                  open: P(c),
-                  "onUpdate:open": v[2] || (v[2] = (x) => re(c) ? c.value = x : null)
+                P(dn, {
+                  modelValue: i.value,
+                  "onUpdate:modelValue": p[1] || (p[1] = (g) => i.value = g),
+                  open: D(f),
+                  "onUpdate:open": p[2] || (p[2] = (g) => ce(f) ? f.value = g : null)
                 }, null, 8, ["modelValue", "open"]),
                 q("div", {
-                  style: W(a.value)
+                  style: W(c.value)
                 }, null, 4)
               ], 4)
             ], 4)
@@ -847,7 +880,7 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
       }, 8, ["modelValue"]);
     };
   }
-}), dn = /* @__PURE__ */ E({
+}), vn = /* @__PURE__ */ E({
   __name: "editor",
   props: {
     modelValue: { required: !0 },
@@ -859,28 +892,28 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   },
   emits: ["update:modelValue", "update:lock", "update:scale"],
   setup(t, { expose: s }) {
-    const n = z(t, "modelValue"), e = z(t, "lock"), l = z(t, "scale"), o = St(), i = Vt(), u = Oe(), r = Fe("target"), a = () => {
-      const c = JSON.parse(n.value);
-      r.value?.load(c);
+    const l = z(t, "modelValue"), e = z(t, "lock"), n = z(t, "scale"), o = St(), i = Vt(), u = Ee(), r = Ge("target"), a = () => {
+      const d = JSON.parse(l.value);
+      r.value?.load(d);
     };
     return s({ save: () => {
-      const c = r.value.save();
-      n.value = JSON.stringify(c, null, 2);
-    } }), (c, f) => (_(), B(P(bt), {
+      const d = r.value.save();
+      l.value = JSON.stringify(d, null, 2);
+    } }), (d, f) => (S(), B(D(Mt), {
       ref_key: "target",
       ref: r,
       lock: e.value,
       "onUpdate:lock": f[0] || (f[0] = (v) => e.value = v),
-      scale: l.value,
-      "onUpdate:scale": f[1] || (f[1] = (v) => l.value = v),
-      dark: P(o),
-      locale: P(i),
+      scale: n.value,
+      "onUpdate:scale": f[1] || (f[1] = (v) => n.value = v),
+      dark: D(o),
+      locale: D(i),
       type: "json",
-      version: P(u),
+      version: D(u),
       onReady: a
     }, null, 8, ["lock", "scale", "dark", "locale", "version"]));
   }
-}), mn = { class: "text-subtitle-1" }, fn = /* @__PURE__ */ E({
+}), pn = { class: "text-subtitle-1" }, gn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: { required: !0 },
@@ -888,84 +921,84 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: s } = I(), { sysBarAvail: n } = pe(), { backgroundColor0: e, backgroundColor1: l, backgroundColor2: o } = te(), i = z(t, "modelValue"), u = T(!1), r = T(1), a = L(() => {
+    const { t: s } = oe(), { sysBarAvail: l } = ue(), { backgroundColor0: e, backgroundColor1: n, backgroundColor2: o } = ee(), i = z(t, "modelValue"), u = A(!1), r = A(1), a = N(() => {
       let v = 48;
-      return n.value && (v += 24), {
+      return l.value && (v += 24), {
         position: "relative",
-        background: l.value,
+        background: n.value,
         height: `calc(100% - ${v}px)`
       };
-    }), d = L(() => s("x-prop-tree.dlg.jsonEditor.title")), { open: c } = _e(`propTreejsonEditorDlg${$e()}`);
+    }), c = N(() => s("x-prop-tree.dlg.jsonEditor.title")), { open: d } = _e(`propTreejsonEditorDlg${$e()}`);
     we(() => {
-      c.value = !1;
+      d.value = !1;
     });
-    const f = Fe("editor");
-    return oe(c, (v) => {
+    const f = Ge("editor");
+    return le(d, (v) => {
       v || f.value?.save();
-    }), (v, C) => {
-      const h = $("v-btn"), S = $("v-sheet"), D = $("v-spacer"), x = $("v-dialog");
-      return _(), B(x, {
-        modelValue: P(c),
-        "onUpdate:modelValue": C[4] || (C[4] = (V) => re(c) ? c.value = V : null),
+    }), (v, p) => {
+      const C = V("v-btn"), _ = V("v-sheet"), b = V("v-spacer"), U = V("v-dialog");
+      return S(), B(U, {
+        modelValue: D(d),
+        "onUpdate:modelValue": p[4] || (p[4] = (g) => ce(d) ? d.value = g : null),
         attach: "",
         fullscreen: "",
         "no-click-animation": "",
         persistent: "",
         transition: "dialog-bottom-transition",
-        onKeydown: C[5] || (C[5] = Le(X((V) => c.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: p[5] || (p[5] = Be(X((g) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: R(({ props: V }) => [
-          b(h, Me(V, {
+        activator: R(({ props: g }) => [
+          P(C, be(g, {
             block: "",
             density: "comfortable"
           }), {
             default: R(() => [
-              ke(F(d.value), 1)
+              ke(F(c.value), 1)
             ]),
             _: 1
           }, 16)
         ]),
         default: R(() => [
-          b(S, {
-            color: P(e),
+          P(_, {
+            color: D(e),
             height: "100%",
             width: "100%"
           }, {
             default: R(() => [
-              P(n) ? (_(), B(S, {
+              D(l) ? (S(), B(_, {
                 key: 0,
-                color: P(o),
+                color: D(o),
                 height: 24
               }, null, 8, ["color"])) : G("", !0),
-              b(S, {
+              P(_, {
                 class: "d-flex align-center px-2",
-                color: P(o),
+                color: D(o),
                 height: 48
               }, {
                 default: R(() => [
-                  b(h, {
+                  P(C, {
                     density: "comfortable",
                     icon: "mdi-close",
                     variant: "text",
-                    onClick: C[0] || (C[0] = (V) => c.value = !1)
+                    onClick: p[0] || (p[0] = (g) => d.value = !1)
                   }),
-                  q("span", mn, F(P(s)("x-prop-tree.dlg.jsonEditor.title")), 1),
-                  b(D)
+                  q("span", pn, F(D(s)("x-prop-tree.jsonEditor")), 1),
+                  P(b)
                 ]),
                 _: 1
               }, 8, ["color"]),
               q("div", {
                 style: W(a.value)
               }, [
-                b(dn, {
+                P(vn, {
                   ref_key: "editor",
                   ref: f,
                   modelValue: i.value,
-                  "onUpdate:modelValue": C[1] || (C[1] = (V) => i.value = V),
+                  "onUpdate:modelValue": p[1] || (p[1] = (g) => i.value = g),
                   lock: u.value,
-                  "onUpdate:lock": C[2] || (C[2] = (V) => u.value = V),
+                  "onUpdate:lock": p[2] || (p[2] = (g) => u.value = g),
                   scale: r.value,
-                  "onUpdate:scale": C[3] || (C[3] = (V) => r.value = V)
+                  "onUpdate:scale": p[3] || (p[3] = (g) => r.value = g)
                 }, null, 8, ["modelValue", "lock", "scale"])
               ], 4)
             ]),
@@ -976,7 +1009,7 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
       }, 8, ["modelValue"]);
     };
   }
-}), vn = { class: "d-flex justify-space-between align-center my-2" }, pn = { class: "flex-grow-1" }, gn = /* @__PURE__ */ E({
+}), yn = { class: "d-flex justify-space-between align-center my-2" }, hn = { class: "flex-grow-1" }, kn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -987,46 +1020,46 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   }),
   emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { t: n } = I(), { isMobile: e } = pe(), l = z(t, "modelValue"), o = s, i = Oe(), u = L(() => Ne[i.value].types[t.types]), r = T(0), a = L(() => {
-      const C = [];
-      return u.value?.forEach(({ title: h }, S) => {
-        C.push({
-          title: n(h),
-          value: S
+    const { t: l } = oe(), { isMobile: e } = ue(), n = z(t, "modelValue"), o = s, i = Ee(), u = N(() => qe[i.value].types[t.types]), r = A(0), a = N(() => {
+      const p = [];
+      return u.value?.forEach(({ title: C }, _) => {
+        p.push({
+          title: l(C),
+          value: _
         });
-      }), C;
+      }), p;
     });
-    Ke(() => {
-      u.value?.some((C, h) => C.validator(l.value) ? (r.value = h, !0) : !1);
+    He(() => {
+      u.value?.some((p, C) => p.validator(n.value) ? (r.value = C, !0) : !1);
     });
-    const d = L(() => u.value?.[r.value]), c = () => {
-      l.value = d.value?.default;
-    }, f = T(0), v = async (C) => {
-      if (!C || !e() || d.value.ui !== "pixelInput" && d.value.ui !== "percentInput")
+    const c = N(() => u.value?.[r.value]), d = () => {
+      n.value = c.value?.default;
+    }, f = A(0), v = async (p) => {
+      if (!p || !e() || c.value.ui !== "pixelInput" && c.value.ui !== "percentInput")
         return;
-      const h = await ze({
+      const C = await Ye({
         title: "",
         value: f.value,
-        precision: d.value.precision,
-        min: d.value.min,
-        max: d.value.max,
-        step: d.value.step
+        precision: c.value.precision,
+        min: c.value.min,
+        max: c.value.max,
+        step: c.value.step
       });
-      h !== void 0 && (f.value = h);
+      C !== void 0 && (f.value = C);
     };
-    return Ke(() => {
-      d.value?.ui === "pixelInput" ? f.value = wt(l.value) : d.value?.ui === "percentInput" && (f.value = Mt(l.value));
-    }), oe(f, (C) => {
-      d.value?.ui === "pixelInput" ? l.value = C + "px" : d.value?.ui === "percentInput" && (l.value = C + "%");
-    }), (C, h) => {
-      const S = $("v-select"), D = $("v-number-input"), x = $("v-btn"), V = ee("ripple");
-      return _(), K("div", vn, [
-        q("div", pn, [
-          j(b(S, {
+    return He(() => {
+      c.value?.ui === "pixelInput" ? f.value = wt(n.value) : c.value?.ui === "percentInput" && (f.value = bt(n.value));
+    }), le(f, (p) => {
+      c.value?.ui === "pixelInput" ? n.value = p + "px" : c.value?.ui === "percentInput" && (n.value = p + "%");
+    }), (p, C) => {
+      const _ = V("v-select"), b = V("v-number-input"), U = V("v-btn"), g = I("ripple");
+      return S(), K("div", yn, [
+        q("div", hn, [
+          j(P(_, {
             modelValue: r.value,
             "onUpdate:modelValue": [
-              h[0] || (h[0] = (U) => r.value = U),
-              c
+              C[0] || (C[0] = ($) => r.value = $),
+              d
             ],
             density: "compact",
             "hide-details": "",
@@ -1034,46 +1067,46 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              V,
+              g,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]),
-          d.value?.ui === "pixelInput" || d.value?.ui === "percentInput" ? j((_(), B(D, {
+          c.value?.ui === "pixelInput" || c.value?.ui === "percentInput" ? j((S(), B(b, {
             key: 0,
             modelValue: f.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (U) => f.value = U),
+            "onUpdate:modelValue": C[1] || (C[1] = ($) => f.value = $),
             "control-variant": "stacked",
             density: "compact",
             "hide-details": "",
-            max: d.value.max,
-            min: d.value.min,
-            precision: d.value.precision,
+            max: c.value.max,
+            min: c.value.min,
+            precision: c.value.precision,
             "single-line": "",
-            step: d.value.step,
+            step: c.value.step,
             "onUpdate:focused": v
           }, null, 8, ["modelValue", "max", "min", "precision", "step"])), [
             [
-              V,
+              g,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]) : G("", !0)
         ]),
-        t.hasDelete ? (_(), B(x, {
+        t.hasDelete ? (S(), B(U, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: h[2] || (h[2] = X((U) => o("delete"), ["stop"]))
+          onClick: C[2] || (C[2] = X(($) => o("delete"), ["stop"]))
         })) : G("", !0)
       ]);
     };
   }
-}), yn = { class: "d-flex justify-space-between align-center" }, hn = /* @__PURE__ */ E({
+}), _n = { class: "d-flex justify-space-between align-center" }, xn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -1089,10 +1122,10 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   }),
   emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { isMobile: n } = pe(), e = z(t, "modelValue"), l = s, o = async (i) => {
-      if (!i || t.readonly || !n())
+    const { isMobile: l } = ue(), e = z(t, "modelValue"), n = s, o = async (i) => {
+      if (!i || t.readonly || !l())
         return;
-      const u = await ze({
+      const u = await Ye({
         title: "",
         value: e.value,
         precision: t.precision,
@@ -1103,11 +1136,11 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
       u !== void 0 && (e.value = u);
     };
     return (i, u) => {
-      const r = $("v-number-input"), a = $("v-btn"), d = ee("ripple");
-      return _(), K("div", yn, [
-        j(b(r, {
+      const r = V("v-number-input"), a = V("v-btn"), c = I("ripple");
+      return S(), K("div", _n, [
+        j(P(r, {
           modelValue: e.value,
-          "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c),
+          "onUpdate:modelValue": u[0] || (u[0] = (d) => e.value = d),
           "control-variant": "stacked",
           density: "compact",
           "hide-details": "",
@@ -1120,24 +1153,24 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
           "onUpdate:focused": o
         }, null, 8, ["modelValue", "max", "min", "precision", "readonly", "step"]), [
           [
-            d,
+            c,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        t.hasDelete ? (_(), B(a, {
+        t.hasDelete ? (S(), B(a, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: u[1] || (u[1] = X((c) => l("delete"), ["stop"]))
+          onClick: u[1] || (u[1] = X((d) => n("delete"), ["stop"]))
         })) : G("", !0)
       ]);
     };
   }
-}), kn = { class: "d-flex justify-space-between align-center" }, _n = /* @__PURE__ */ E({
+}), Sn = { class: "d-flex justify-space-between align-center" }, Vn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -1149,16 +1182,16 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   }),
   emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { t: n } = I(), e = z(t, "modelValue"), l = s, o = Oe(), i = L(() => {
+    const { t: l } = oe(), e = z(t, "modelValue"), n = s, o = Ee(), i = N(() => {
       const u = [];
-      return Ne[o.value].items[t.items].forEach(({ title: a, value: d }) => {
-        u.push({ title: n(a), value: d });
+      return qe[o.value].items[t.items].forEach(({ title: a, value: c }) => {
+        u.push({ title: l(a), value: c });
       }), u;
     });
     return (u, r) => {
-      const a = $("v-select"), d = $("v-btn"), c = ee("ripple");
-      return _(), K("div", kn, [
-        j(b(a, {
+      const a = V("v-select"), c = V("v-btn"), d = I("ripple");
+      return S(), K("div", Sn, [
+        j(P(a, {
           modelValue: e.value,
           "onUpdate:modelValue": r[0] || (r[0] = (f) => e.value = f),
           density: "compact",
@@ -1168,24 +1201,24 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
           "single-line": ""
         }, null, 8, ["modelValue", "items", "readonly"]), [
           [
-            c,
+            d,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        t.hasDelete ? (_(), B(d, {
+        t.hasDelete ? (S(), B(c, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: r[1] || (r[1] = X((f) => l("delete"), ["stop"]))
+          onClick: r[1] || (r[1] = X((f) => n("delete"), ["stop"]))
         })) : G("", !0)
       ]);
     };
   }
-}), xn = { class: "text-subtitle-2 ml-1" }, Sn = { class: "text-caption text-grey ml-1" }, Vn = /* @__PURE__ */ E({
+}), Cn = { class: "text-subtitle-2 ml-1" }, Un = { class: "text-caption text-grey ml-1" }, $n = /* @__PURE__ */ E({
   __name: "group",
   props: {
     id: {},
@@ -1195,33 +1228,33 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   },
   emits: ["x-click"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: n, highlightColor: e } = te(), l = t, o = s, i = T(!1), u = L(() => ({
-      background: i.value ? e.value : n.value,
+    const { backgroundColor2: l, highlightColor: e } = ee(), n = t, o = s, i = A(!1), u = N(() => ({
+      background: i.value ? e.value : l.value,
       height: "30px",
       marginBottom: "1px",
       userSelect: "none"
     }));
     return (r, a) => {
-      const d = $("v-icon"), c = ee("ripple");
-      return j((_(), K("div", {
+      const c = V("v-icon"), d = I("ripple");
+      return j((S(), K("div", {
         class: "d-flex align-center cursor-pointer",
         style: W(u.value),
-        onClick: a[0] || (a[0] = (f) => o("x-click", l.id)),
+        onClick: a[0] || (a[0] = (f) => o("x-click", n.id)),
         onMouseout: a[1] || (a[1] = (f) => i.value = !1),
         onMouseover: a[2] || (a[2] = (f) => i.value = !0)
       }, [
-        b(d, {
-          icon: l.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
+        P(c, {
+          icon: n.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
           size: "small"
         }, null, 8, ["icon"]),
-        q("span", xn, F(l.title), 1),
-        q("span", Sn, F(l.count), 1)
+        q("span", Cn, F(n.title), 1),
+        q("span", Un, F(n.count), 1)
       ], 36)), [
-        [c]
+        [d]
       ]);
     };
   }
-}), Cn = { class: "text-subtitle-1 ml-6" }, Un = /* @__PURE__ */ E({
+}), wn = { class: "text-subtitle-1 ml-6" }, bn = /* @__PURE__ */ E({
   __name: "item",
   props: {
     id: {},
@@ -1229,31 +1262,31 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   },
   emits: ["x-click"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: n, highlightColor: e } = te(), l = t, o = s, i = T(!1), u = L(() => ({
-      background: i.value ? e.value : n.value,
+    const { backgroundColor2: l, highlightColor: e } = ee(), n = t, o = s, i = A(!1), u = N(() => ({
+      background: i.value ? e.value : l.value,
       height: "48px",
       marginBottom: "1px",
       userSelect: "none"
     }));
     return (r, a) => {
-      const d = ee("ripple");
-      return j((_(), K("div", {
+      const c = I("ripple");
+      return j((S(), K("div", {
         class: "d-flex align-center cursor-pointer",
         style: W(u.value),
-        onClick: a[0] || (a[0] = (c) => o("x-click", l.id)),
-        onMouseout: a[1] || (a[1] = (c) => i.value = !1),
-        onMouseover: a[2] || (a[2] = (c) => i.value = !0)
+        onClick: a[0] || (a[0] = (d) => o("x-click", n.id)),
+        onMouseout: a[1] || (a[1] = (d) => i.value = !1),
+        onMouseover: a[2] || (a[2] = (d) => i.value = !0)
       }, [
-        q("span", Cn, F(l.title), 1)
+        q("span", wn, F(n.title), 1)
       ], 36)), [
-        [d]
+        [c]
       ]);
     };
   }
-}), $n = { key: 0 }, wn = {
+}), Mn = { key: 0 }, Pn = {
   key: 1,
   class: "text-body-2 text-grey ml-3"
-}, Mn = /* @__PURE__ */ E({
+}, Dn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: {},
@@ -1263,17 +1296,17 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   },
   emits: ["update:modelValue", "update:open"],
   setup(t) {
-    const { t: s } = I(), n = z(t, "modelValue"), e = z(t, "open"), l = it(), o = (u) => {
-      const r = ve(l, u);
-      r && We(l, u, !r.collapse);
+    const { nameList: s } = ue(), l = z(t, "modelValue"), e = z(t, "open"), n = ut(), o = (u) => {
+      const r = pe(n, u);
+      r && Ze(n, u, !r.collapse);
     }, i = (u) => {
-      n.value = u, e.value = !1;
+      l.value = u, e.value = !1;
     };
-    return (u, r) => P(l).length > 0 ? (_(), K("div", $n, [
-      (_(!0), K(fe, null, Te(P(l), (a) => (_(), K(fe, {
+    return (u, r) => D(n).length > 0 ? (S(), K("div", Mn, [
+      (S(!0), K(ve, null, Ae(D(n), (a) => (S(), K(ve, {
         key: a.id
       }, [
-        a.type === 0 ? (_(), B(Vn, {
+        a.type === 0 ? (S(), B($n, {
           key: 0,
           id: a.id,
           collapse: a.collapse,
@@ -1281,16 +1314,16 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
           title: a.name,
           onXClick: o
         }, null, 8, ["id", "collapse", "count", "title"])) : G("", !0),
-        a.type === 1 && a.show ? (_(), B(Un, {
+        a.type === 1 && a.show ? (S(), B(bn, {
           key: 1,
           id: a.id,
           title: a.name,
           onXClick: i
         }, null, 8, ["id", "title"])) : G("", !0)
       ], 64))), 128))
-    ])) : (_(), K("div", wn, F(P(s)("x-prop-tree.noSlot")), 1));
+    ])) : (S(), K("div", Pn, F(D(s)(["no", "slot"])), 1));
   }
-}), bn = { class: "text-subtitle-1 ml-3" }, Pn = /* @__PURE__ */ E({
+}), Ln = { class: "text-subtitle-1 ml-3" }, Tn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: {},
@@ -1298,47 +1331,47 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: s } = I(), n = Ze(), { sysBarAvail: e } = pe(), { backgroundColor1: l } = te(), o = z(t, "modelValue"), i = it(), u = L(() => {
+    const { t: s } = oe(), l = je(), { sysBarAvail: e } = ue(), { backgroundColor1: n } = ee(), o = z(t, "modelValue"), i = ut(), u = N(() => {
       let f = "100%";
-      return n.mdAndUp.value && (f = "400px"), {
-        background: l.value,
+      return l.mdAndUp.value && (f = "400px"), {
+        background: n.value,
         width: f,
         height: "100%"
       };
-    }), r = L(() => {
+    }), r = N(() => {
       let f = 48;
       return e.value && (f += 24), {
         position: "relative",
         height: `calc(100% - ${f}px)`
       };
-    }), a = L(() => ({
+    }), a = N(() => ({
       height: "60px"
-    })), d = L(() => {
+    })), c = N(() => {
       if (!o.value)
         return s("x-runtime-lib.notSet");
-      const f = ve(i, o.value);
+      const f = pe(i, o.value);
       return f ? f.name : s("x-runtime-lib.slotNotAvail");
-    }), { open: c } = _e(`propTreeSlotSelectDlg${$e()}`);
+    }), { open: d } = _e(`propTreeSlotSelectDlg${$e()}`);
     return we(() => {
-      c.value = !1;
+      d.value = !1;
     }), (f, v) => {
-      const C = $("v-btn"), h = $("v-sheet"), S = $("v-icon"), D = $("v-dialog");
-      return _(), B(D, {
-        modelValue: P(c),
-        "onUpdate:modelValue": v[5] || (v[5] = (x) => re(c) ? c.value = x : null),
+      const p = V("v-btn"), C = V("v-sheet"), _ = V("v-icon"), b = V("v-dialog");
+      return S(), B(b, {
+        modelValue: D(d),
+        "onUpdate:modelValue": v[5] || (v[5] = (U) => ce(d) ? d.value = U : null),
         fullscreen: "",
         "no-click-animation": "",
         persistent: "",
         transition: "scroll-x-reverse-transition",
-        onKeydown: v[6] || (v[6] = Le(X((x) => c.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: v[6] || (v[6] = Be(X((U) => d.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: R(({ props: x }) => [
-          b(C, Me(x, {
+        activator: R(({ props: U }) => [
+          P(p, be(U, {
             block: "",
             density: "comfortable"
           }), {
             default: R(() => [
-              ke(F(d.value), 1)
+              ke(F(c.value), 1)
             ]),
             _: 1
           }, 16)
@@ -1346,29 +1379,29 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
         default: R(() => [
           q("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
-            onClick: v[3] || (v[3] = X((x) => c.value = !1, ["self"])),
-            onContextmenu: v[4] || (v[4] = X((x) => c.value = !1, ["self", "prevent"]))
+            onClick: v[3] || (v[3] = X((U) => d.value = !1, ["self"])),
+            onContextmenu: v[4] || (v[4] = X((U) => d.value = !1, ["self", "prevent"]))
           }, [
             q("div", {
               class: "elevation-2",
               style: W(u.value)
             }, [
-              P(e) ? (_(), B(h, {
+              D(e) ? (S(), B(C, {
                 key: 0,
                 color: "transparent",
                 height: 24
               })) : G("", !0),
-              b(h, {
+              P(C, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
                 default: R(() => [
-                  b(S, {
+                  P(_, {
                     icon: "mdi-close",
-                    onClick: v[0] || (v[0] = (x) => c.value = !1)
+                    onClick: v[0] || (v[0] = (U) => d.value = !1)
                   }),
-                  q("span", bn, F(P(s)("x-prop-tree.dlg.slotSelect.title")), 1)
+                  q("span", Ln, F(D(s)("x-prop-tree.dlg.adaptSlotSelect.title")), 1)
                 ]),
                 _: 1
               }),
@@ -1376,11 +1409,11 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
                 class: "overflow-y-auto",
                 style: W(r.value)
               }, [
-                b(Mn, {
+                P(Dn, {
                   modelValue: o.value,
-                  "onUpdate:modelValue": v[1] || (v[1] = (x) => o.value = x),
-                  open: P(c),
-                  "onUpdate:open": v[2] || (v[2] = (x) => re(c) ? c.value = x : null)
+                  "onUpdate:modelValue": v[1] || (v[1] = (U) => o.value = U),
+                  open: D(d),
+                  "onUpdate:open": v[2] || (v[2] = (U) => ce(d) ? d.value = U : null)
                 }, null, 8, ["modelValue", "open"]),
                 q("div", {
                   style: W(a.value)
@@ -1393,7 +1426,7 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
       }, 8, ["modelValue"]);
     };
   }
-}), Dn = { class: "d-flex justify-space-between align-center" }, An = /* @__PURE__ */ E({
+}), An = { class: "d-flex justify-space-between align-center" }, Nn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -1404,8 +1437,8 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   }),
   emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { isMobile: n } = pe(), e = z(t, "modelValue"), l = s, o = async (i) => {
-      if (!i || t.readonly || !n())
+    const { isMobile: l } = ue(), e = z(t, "modelValue"), n = s, o = async (i) => {
+      if (!i || t.readonly || !l())
         return;
       const u = await Ct({
         title: "",
@@ -1414,11 +1447,11 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
       u !== void 0 && (e.value = u);
     };
     return (i, u) => {
-      const r = $("v-text-field"), a = $("v-btn"), d = ee("ripple");
-      return _(), K("div", Dn, [
-        j(b(r, {
+      const r = V("v-text-field"), a = V("v-btn"), c = I("ripple");
+      return S(), K("div", An, [
+        j(P(r, {
           modelValue: e.value,
-          "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c),
+          "onUpdate:modelValue": u[0] || (u[0] = (d) => e.value = d),
           density: "compact",
           "hide-details": "",
           readonly: t.readonly,
@@ -1426,24 +1459,24 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
           "onUpdate:focused": o
         }, null, 8, ["modelValue", "readonly"]), [
           [
-            d,
+            c,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        t.hasDelete ? (_(), B(a, {
+        t.hasDelete ? (S(), B(a, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: u[1] || (u[1] = X((c) => l("delete"), ["stop"]))
+          onClick: u[1] || (u[1] = X((d) => n("delete"), ["stop"]))
         })) : G("", !0)
       ]);
     };
   }
-}), Tn = { class: "d-flex justify-space-between align-center" }, Ln = /* @__PURE__ */ E({
+}), On = { class: "d-flex justify-space-between align-center" }, Bn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -1454,20 +1487,20 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
   }),
   emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const n = z(t, "modelValue"), e = s;
-    return (l, o) => {
-      const i = $("v-switch"), u = $("v-btn");
-      return _(), K("div", Tn, [
-        b(i, {
-          modelValue: n.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (r) => n.value = r),
+    const l = z(t, "modelValue"), e = s;
+    return (n, o) => {
+      const i = V("v-switch"), u = V("v-btn");
+      return S(), K("div", On, [
+        P(i, {
+          modelValue: l.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (r) => l.value = r),
           class: "ml-1",
           color: "primary",
           density: "compact",
           "hide-details": "",
           readonly: t.readonly
         }, null, 8, ["modelValue", "readonly"]),
-        t.hasDelete ? (_(), B(u, {
+        t.hasDelete ? (S(), B(u, {
           key: 0,
           class: "mx-2",
           density: "compact",
@@ -1479,21 +1512,21 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
     };
   }
 });
-function Nn(t) {
-  return { renderUiColorPicker: (n, e, l, o, i) => e.ui !== "colorPicker" ? (console.assert(!1), k("div", "renderUiColorPicker property ui must be colorPicker")) : k(It, {
-    modelValue: ne(
-      n,
-      e,
+function qn(t) {
+  return { renderUiColorPicker: (l, e, n, o, i) => e.ui !== "colorPicker" ? (console.assert(!1), x("div", "renderUiColorPicker property ui must be colorPicker")) : x(nn, {
+    modelValue: te(
       l,
+      e,
+      n,
       t,
       o,
       i
     ),
     "onUpdate:modelValue": (u) => {
       se(
-        n,
-        e,
         l,
+        e,
+        n,
         u,
         t,
         o,
@@ -1502,26 +1535,26 @@ function Nn(t) {
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, -1), l));
+      o === void 0 || i || (n.splice(o, 1), t(l.slice(0, -1), n));
     },
     readonly: e.readonly
   }) };
 }
-function Bn(t) {
-  return { renderUiCompSelect: (n, e, l, o, i) => e.ui !== "compSelect" ? (console.assert(!1), k("div", "renderUiCompSelect property ui must be compSelect")) : k(cn, {
-    modelValue: ne(
-      n,
-      e,
+function Kn(t) {
+  return { renderUiCompSelect: (l, e, n, o, i) => e.ui !== "compSelect" ? (console.assert(!1), x("div", "renderUiCompSelect property ui must be compSelect")) : x(fn, {
+    modelValue: te(
       l,
+      e,
+      n,
       t,
       o,
       i
     ),
     "onUpdate:modelValue": (u) => {
       se(
-        n,
-        e,
         l,
+        e,
+        n,
         u,
         t,
         o,
@@ -1530,30 +1563,30 @@ function Bn(t) {
     }
   }) };
 }
-function On(t) {
-  return { renderUiDummy: (n, e, l, o, i) => {
+function Rn(t) {
+  return { renderUiDummy: (l, e, n, o, i) => {
     if (e.ui !== "dummy") {
       console.assert(!1, "renderUiDummy property ui must be dummy");
       return;
     }
-    ne(n, e, l, t, o, i);
+    te(l, e, n, t, o, i);
   } };
 }
-function qn(t) {
-  return { renderUiJsonEditor: (n, e, l, o, i) => e.ui !== "jsonEditor" ? k("div", "renderUijsonEditor property ui must be jsonEditor") : k(fn, {
-    modelValue: ne(
-      n,
-      e,
+function En(t) {
+  return { renderUiJsonEditor: (l, e, n, o, i) => e.ui !== "jsonEditor" ? x("div", "renderUijsonEditor property ui must be jsonEditor") : x(gn, {
+    modelValue: te(
       l,
+      e,
+      n,
       t,
       o,
       i
     ) ?? "{}",
     "onUpdate:modelValue": (u) => {
       se(
-        n,
-        e,
         l,
+        e,
+        n,
         u,
         t,
         o,
@@ -1562,21 +1595,21 @@ function qn(t) {
     }
   }) };
 }
-function Kn(t) {
-  return { renderUiMultiTypes: (n, e, l, o, i) => e.ui !== "multiTypes" ? (console.assert(!1), k("div", "renderUiMultiTypes property ui must be multiTypes")) : k(gn, {
-    modelValue: ne(
-      n,
-      e,
+function Jn(t) {
+  return { renderUiMultiTypes: (l, e, n, o, i) => e.ui !== "multiTypes" ? (console.assert(!1), x("div", "renderUiMultiTypes property ui must be multiTypes")) : x(kn, {
+    modelValue: te(
       l,
+      e,
+      n,
       t,
       o,
       i
     ) ?? "",
     "onUpdate:modelValue": (u) => {
       se(
-        n,
-        e,
         l,
+        e,
+        n,
         u,
         t,
         o,
@@ -1585,26 +1618,26 @@ function Kn(t) {
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, -1), l));
+      o === void 0 || i || (n.splice(o, 1), t(l.slice(0, -1), n));
     },
     types: e.types
   }) };
 }
-function Rn(t) {
-  return { renderUiNumInput: (n, e, l, o, i) => e.ui !== "numInput" ? (console.assert(!1), k("div", "renderUiNumInput property ui must be numInput")) : k(hn, {
-    modelValue: ne(
-      n,
-      e,
+function Hn(t) {
+  return { renderUiNumInput: (l, e, n, o, i) => e.ui !== "numInput" ? (console.assert(!1), x("div", "renderUiNumInput property ui must be numInput")) : x(xn, {
+    modelValue: te(
       l,
+      e,
+      n,
       t,
       o,
       i
     ),
     "onUpdate:modelValue": (u) => {
       se(
-        n,
-        e,
         l,
+        e,
+        n,
         u,
         t,
         o,
@@ -1613,7 +1646,7 @@ function Rn(t) {
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, -1), l));
+      o === void 0 || i || (n.splice(o, 1), t(l.slice(0, -1), n));
     },
     precision: e.precision,
     min: e.min,
@@ -1622,76 +1655,76 @@ function Rn(t) {
     readonly: e.readonly
   }) };
 }
-const En = /* @__PURE__ */ E({
+const Xn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     minHeight: {}
   },
   emits: ["menu"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: n, highlightColor: e } = te(), l = s, o = T(!1), i = L(() => ({
-      background: o.value ? e.value : n.value,
+    const { backgroundColor2: l, highlightColor: e } = ee(), n = s, o = A(!1), i = N(() => ({
+      background: o.value ? e.value : l.value,
       minHeight: t.minHeight,
       paddingRight: "4px",
       marginBottom: "1px",
       userSelect: "none"
     })), u = (r) => {
-      l("menu", r.clientX, r.clientY);
+      n("menu", r.clientX, r.clientY);
     };
     return (r, a) => {
-      const d = ee("ripple");
-      return j((_(), K("div", {
+      const c = I("ripple");
+      return j((S(), K("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
         style: W(i.value),
         onContextmenu: X(u, ["self", "prevent"]),
-        onMouseout: a[0] || (a[0] = (c) => o.value = !1),
-        onMouseover: a[1] || (a[1] = (c) => o.value = !0)
+        onMouseout: a[0] || (a[0] = (d) => o.value = !1),
+        onMouseover: a[1] || (a[1] = (d) => o.value = !0)
       }, [
         kt(r.$slots, "default")
       ], 36)), [
-        [d]
+        [c]
       ]);
     };
   }
 });
-function Jn(t, s, n) {
-  const { t: e } = I();
+function Fn(t, s, l) {
+  const { t: e } = oe();
   return { renderProperty: (o, i, u) => {
     const r = o[o.length - 1];
-    let d = typeof r == "number" ? `[${r + 1}]` : e(i.name);
-    return me(t.value, o) && (d += " *"), k(
-      En,
+    let c = typeof r == "number" ? `[${r + 1}]` : e(i.name);
+    return fe(t.value, o) && (c += " *"), x(
+      Xn,
       {
         minHeight: s.value,
-        onMenu: (c, f) => {
-          de.emit("propTreeMenu", { x: c, y: f, keys: o });
+        onMenu: (d, f) => {
+          me.emit("propTreeMenu", { x: d, y: f, keys: o });
         }
       },
       () => [
-        k("span", {
+        x("span", {
           style: { marginLeft: "4px", pointerEvents: "none" },
-          innerHTML: d
+          innerHTML: c
         }),
-        k("div", { style: { width: n.value } }, u)
+        x("div", { style: { width: l.value } }, u)
       ]
     );
   } };
 }
-function Hn(t) {
-  return { renderUiSelect: (n, e, l, o, i) => e.ui !== "select" ? (console.assert(!1), k("div", "renderUiSelect property ui must be select")) : k(_n, {
-    modelValue: ne(
-      n,
-      e,
+function zn(t) {
+  return { renderUiSelect: (l, e, n, o, i) => e.ui !== "select" ? (console.assert(!1), x("div", "renderUiSelect property ui must be select")) : x(Vn, {
+    modelValue: te(
       l,
+      e,
+      n,
       t,
       o,
       i
     ) ?? "",
     "onUpdate:modelValue": (u) => {
       se(
-        n,
-        e,
         l,
+        e,
+        n,
         u,
         t,
         o,
@@ -1700,27 +1733,27 @@ function Hn(t) {
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, -1), l));
+      o === void 0 || i || (n.splice(o, 1), t(l.slice(0, -1), n));
     },
     items: e.items,
     readonly: e.readonly
   }) };
 }
-function Xn(t) {
-  return { renderUiSlotSelect: (n, e, l, o, i) => e.ui !== "slotSelect" ? (console.assert(!1), k("div", "renderUiSlotSelect property ui must be slotSelect")) : k(Pn, {
-    modelValue: ne(
-      n,
-      e,
+function Gn(t) {
+  return { renderUiSlotSelect: (l, e, n, o, i) => e.ui !== "slotSelect" ? (console.assert(!1), x("div", "renderUiSlotSelect property ui must be slotSelect")) : x(Tn, {
+    modelValue: te(
       l,
+      e,
+      n,
       t,
       o,
       i
     ),
     "onUpdate:modelValue": (u) => {
       se(
-        n,
-        e,
         l,
+        e,
+        n,
         u,
         t,
         o,
@@ -1729,21 +1762,21 @@ function Xn(t) {
     }
   }) };
 }
-function Fn(t) {
-  return { renderUiStrInput: (n, e, l, o, i) => e.ui !== "strInput" ? (console.assert(!1), k("div", "renderUiStrInput property ui must be strInput")) : k(An, {
-    modelValue: e.static ? e.value : ne(
-      n,
-      e,
+function Yn(t) {
+  return { renderUiStrInput: (l, e, n, o, i) => e.ui !== "strInput" ? (console.assert(!1), x("div", "renderUiStrInput property ui must be strInput")) : x(Nn, {
+    modelValue: e.static ? e.value : te(
       l,
+      e,
+      n,
       t,
       o,
       i
     ),
     "onUpdate:modelValue": (u) => {
       e.static || se(
-        n,
-        e,
         l,
+        e,
+        n,
         u,
         t,
         o,
@@ -1752,26 +1785,26 @@ function Fn(t) {
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, -1), l));
+      o === void 0 || i || (n.splice(o, 1), t(l.slice(0, -1), n));
     },
     readonly: e.static || e.readonly
   }) };
 }
-function zn(t) {
-  return { renderUiSwitch: (n, e, l, o, i) => e.ui !== "switch" ? (console.assert(!1), k("div", "renderUiSwitch property ui must be switch")) : k(Ln, {
-    modelValue: ne(
-      n,
-      e,
+function Wn(t) {
+  return { renderUiSwitch: (l, e, n, o, i) => e.ui !== "switch" ? (console.assert(!1), x("div", "renderUiSwitch property ui must be switch")) : x(Bn, {
+    modelValue: te(
       l,
+      e,
+      n,
       t,
       o,
       i
     ) ?? !1,
     "onUpdate:modelValue": (u) => {
       se(
-        n,
-        e,
         l,
+        e,
+        n,
         u,
         t,
         o,
@@ -1780,12 +1813,12 @@ function zn(t) {
     },
     hasDelete: o !== void 0 && !i,
     onDelete: () => {
-      o === void 0 || i || (l.splice(o, 1), t(n.slice(0, 1), l));
+      o === void 0 || i || (n.splice(o, 1), t(l.slice(0, 1), n));
     },
     readonly: e.readonly
   }) };
 }
-const Gn = /* @__PURE__ */ E({
+const Qn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     unique: {},
@@ -1797,108 +1830,108 @@ const Gn = /* @__PURE__ */ E({
   },
   emits: ["change"],
   setup(t, { emit: s }) {
-    const { t: n } = I(), { backgroundColor1: e } = te(), l = t, o = s, i = T("20px"), u = T("56px"), r = T("200px"), a = _t({}), d = T({}), c = (p, m) => {
-      Je(d, l.config, l.object), o("change", p, m);
+    const { t: l } = oe(), { backgroundColor1: e } = ee(), n = t, o = s, i = A("20px"), u = A("56px"), r = A("200px"), a = _t({}), c = A({}), d = (y, m) => {
+      ze(c, n.config, n.object), o("change", y, m);
     };
-    oe(
-      [() => l.config, () => l.object],
+    le(
+      [() => n.config, () => n.object],
       () => {
-        Je(
-          d,
-          l.config,
-          l.object,
-          (p, m) => {
-            o("change", p, m);
+        ze(
+          c,
+          n.config,
+          n.object,
+          (y, m) => {
+            o("change", y, m);
           }
         );
       },
       { immediate: !0 }
     );
-    const f = T(l.version);
-    Ot(f), oe(
-      () => l.version,
+    const f = A(n.version);
+    qt(f), le(
+      () => n.version,
       () => {
-        f.value = l.version;
+        f.value = n.version;
       }
     );
-    const v = T(l.type);
-    oe(
-      () => l.type,
+    const v = A(n.type);
+    le(
+      () => n.type,
       () => {
-        v.value = l.type;
+        v.value = n.type;
       }
     );
-    const C = T(l.subtype);
-    oe(
-      () => l.subtype,
+    const p = A(n.subtype);
+    le(
+      () => n.subtype,
       () => {
-        C.value = l.subtype;
+        p.value = n.subtype;
       }
     );
-    const h = T(l.config);
-    qt(h), oe(
-      () => l.config,
+    const C = A(n.config);
+    Kt(C), le(
+      () => n.config,
       () => {
-        h.value = l.config;
+        C.value = n.config;
       }
     );
-    const S = T(l.object);
-    Rt(S), oe(
-      () => l.object,
+    const _ = A(n.object);
+    Et(_), le(
+      () => n.object,
       () => {
-        S.value = l.object;
+        _.value = n.object;
       }
-    ), Jt(d), Xt(c), Qt(), Zt(f, v, C);
-    const { renderProperty: D } = Jn(
-      d,
+    ), Ht(c), Ft(d), It(), en(), jt(f, v, p);
+    const { renderProperty: b } = Fn(
+      c,
       u,
       r
-    ), { renderUiDummy: x } = On(c), { renderUiStrInput: V } = Fn(c), { renderUiNumInput: U } = Rn(c), { renderUiSwitch: O } = zn(c), { renderUiSelect: Q } = Hn(c), { renderUiColorPicker: ge } = Nn(c), { renderUiJsonEditor: ut } = qn(c), { renderUiMultiTypes: rt } = Kn(c), { renderUiCompSelect: at } = Bn(c), { renderUiSlotSelect: ct } = Xn(c), xe = (p, m, y, g, w, A) => (p = Ge(p), w !== void 0 ? (p.push(w), A && p.push(m.key)) : p.push(m.key), m.ui ? m.array && g ? ft(
-      p,
-      m,
+    ), { renderUiDummy: U } = Rn(d), { renderUiStrInput: g } = Yn(d), { renderUiNumInput: $ } = Hn(d), { renderUiSwitch: L } = Wn(d), { renderUiSelect: Q } = zn(d), { renderUiColorPicker: ge } = qn(d), { renderUiJsonEditor: Le } = En(d), { renderUiMultiTypes: rt } = Jn(d), { renderUiCompSelect: at } = Kn(d), { renderUiSlotSelect: ct } = Gn(d), xe = (y, m, k, h, w, T) => (y = We(y), w !== void 0 ? (y.push(w), T && y.push(m.key)) : y.push(m.key), m.ui ? m.array && h ? ft(
       y,
-      g,
-      w,
-      A
-    ) : vt(p, m, y, w, A) : m.array ? dt(
-      p,
       m,
+      k,
+      h,
+      w,
+      T
+    ) : vt(y, m, k, w, T) : m.array ? dt(
       y,
-      g,
+      m,
+      k,
+      h,
       w,
-      A
+      T
     ) : mt(
-      p,
-      m,
       y,
-      g,
+      m,
+      k,
+      h,
       w,
-      A
-    )), dt = (p, m, y, g, w, A) => {
+      T
+    )), dt = (y, m, k, h, w, T) => {
       if (m.ui)
-        return console.assert(!1), k("div", "renderBranchArray property ui must be invalid");
+        return console.assert(!1), x("div", "renderBranchArray property ui must be invalid");
       if (!m.array)
-        return console.assert(!1), k("div", "renderBranchArray property array must be valid");
-      if (!g)
-        return console.assert(!1), k("div", "renderBranchArray branch must be valid");
+        return console.assert(!1), x("div", "renderBranchArray property array must be valid");
+      if (!h)
+        return console.assert(!1), x("div", "renderBranchArray branch must be valid");
       let H;
-      w !== void 0 && !A ? (y[w] instanceof Array || (y[w] = J(m), c(p, y[m.key])), H = y[w]) : (y[m.key] instanceof Array || (y[m.key] = J(m), c(p, y[m.key])), H = y[m.key]);
-      let ie = n(m.name);
-      g.collapse && me(d.value, p) && (ie += " *");
-      const ye = k(Ue, {
-        title: ie,
-        collapse: g.collapse,
+      w !== void 0 && !T ? (k[w] instanceof Array || (k[w] = J(m), d(y, k[m.key])), H = k[w]) : (k[m.key] instanceof Array || (k[m.key] = J(m), d(y, k[m.key])), H = k[m.key]);
+      let re = l(m.name);
+      h.collapse && fe(c.value, y) && (re += " *");
+      const ye = x(Ue, {
+        title: re,
+        collapse: h.collapse,
         hasCreate: !0,
         onCollapse: (M) => {
-          g.collapse = M;
+          h.collapse = M;
         },
-        onMenu: (M, N) => {
-          de.emit("propTreeMenu", { x: M, y: N, keys: p });
+        onMenu: (M, O) => {
+          me.emit("propTreeMenu", { x: M, y: O, keys: y });
         },
         onCreate: () => {
-          H.push({}), c(p, H);
+          H.push({}), d(y, H);
         }
-      }), Y = k(
+      }), Y = x(
         "div",
         {
           style: {
@@ -1907,43 +1940,43 @@ const Gn = /* @__PURE__ */ E({
         },
         (() => {
           const M = [];
-          for (let N = 0; N < H.length; N++) {
-            if (!Ae(g.children)) {
+          for (let O = 0; O < H.length; O++) {
+            if (!Te(h.children)) {
               console.assert(!1);
               break;
             }
-            g.children[N] || g.children.push({
+            h.children[O] || h.children.push({
               collapse: !0,
               children: {}
             });
-            const Se = [...p, N], Ve = g.children[N];
-            let qe = `[${N + 1}]`;
-            g.children[N].collapse && me(d.value, Se) && (qe += " *");
-            const gt = k(Ue, {
-              title: qe,
-              collapse: g.children[N].collapse,
+            const Se = [...y, O], Ve = h.children[O];
+            let Je = `[${O + 1}]`;
+            h.children[O].collapse && fe(c.value, Se) && (Je += " *");
+            const gt = x(Ue, {
+              title: Je,
+              collapse: h.children[O].collapse,
               hasDelete: !0,
-              index: N,
-              onCollapse: (le) => {
-                if (!Ae(g.children)) {
+              index: O,
+              onCollapse: (ne) => {
+                if (!Te(h.children)) {
                   console.assert(!1);
                   return;
                 }
-                g.children[N].collapse = le;
+                h.children[O].collapse = ne;
               },
-              onMenu: (le, ue) => {
-                de.emit("propTreeMenu", { x: le, y: ue, keys: Se });
+              onMenu: (ne, ae) => {
+                me.emit("propTreeMenu", { x: ne, y: ae, keys: Se });
               },
-              onDelete: (le) => {
-                if (!Ae(g.children)) {
+              onDelete: (ne) => {
+                if (!Te(h.children)) {
                   console.assert(!1);
                   return;
                 }
-                g.children.splice(le, 1), H.splice(le, 1), c(p, H);
+                h.children.splice(ne, 1), H.splice(ne, 1), d(y, H);
               }
             });
             M.push(gt);
-            const yt = k(
+            const yt = x(
               "div",
               {
                 style: {
@@ -1951,34 +1984,34 @@ const Gn = /* @__PURE__ */ E({
                 }
               },
               (() => {
-                const le = [];
-                return m.children.forEach((ue) => {
-                  if (!Ee(Ve.children)) {
+                const ne = [];
+                return m.children.forEach((ae) => {
+                  if (!Fe(Ve.children)) {
                     console.assert(!1);
                     return;
                   }
-                  Ve.children[ue.key] || (Ve.children[ue.key] = {
+                  Ve.children[ae.key] || (Ve.children[ae.key] = {
                     collapse: !0,
-                    children: ue.array ? [] : {}
+                    children: ae.array ? [] : {}
                   });
                   const ht = xe(
-                    p,
-                    ue,
-                    H[N],
-                    Ve.children[ue.key],
-                    N,
+                    y,
+                    ae,
+                    H[O],
+                    Ve.children[ae.key],
+                    O,
                     !0
                   );
-                  le.push(ht);
-                }), le;
+                  ne.push(ht);
+                }), ne;
               })()
             );
-            g.children[N].collapse || M.push(yt);
+            h.children[O].collapse || M.push(yt);
           }
           return M;
         })()
       );
-      return k(
+      return x(
         "div",
         {
           style: {
@@ -1987,32 +2020,32 @@ const Gn = /* @__PURE__ */ E({
         },
         (() => {
           const M = [];
-          return M.push(ye), g.collapse || M.push(Y), M;
+          return M.push(ye), h.collapse || M.push(Y), M;
         })()
       );
-    }, mt = (p, m, y, g, w, A) => {
+    }, mt = (y, m, k, h, w, T) => {
       if (m.ui)
-        return console.assert(!1), k("div", "renderBranchScalar property ui must be invalid");
+        return console.assert(!1), x("div", "renderBranchScalar property ui must be invalid");
       if (m.array)
-        return console.assert(!1), k("div", "renderBranchScalar property array must be invalid");
-      if (!g)
-        return console.assert(!1), k("div", "renderBranchScalar branch must be valid");
-      let H = n(m.name);
-      g.collapse && me(d.value, p) && (H += " *");
-      const ie = k(Ue, {
+        return console.assert(!1), x("div", "renderBranchScalar property array must be invalid");
+      if (!h)
+        return console.assert(!1), x("div", "renderBranchScalar branch must be valid");
+      let H = l(m.name);
+      h.collapse && fe(c.value, y) && (H += " *");
+      const re = x(Ue, {
         title: H,
-        collapse: g.collapse,
-        hasDelete: w !== void 0 && !A,
+        collapse: h.collapse,
+        hasDelete: w !== void 0 && !T,
         onCollapse: (Y) => {
-          g.collapse = Y;
+          h.collapse = Y;
         },
         onMenu: (Y, M) => {
-          de.emit("propTreeMenu", { x: Y, y: M, keys: p });
+          me.emit("propTreeMenu", { x: Y, y: M, keys: y });
         },
         onDelete: () => {
-          w === void 0 || A || (y.splice(w, 1), c(p.slice(0, -1), y));
+          w === void 0 || T || (k.splice(w, 1), d(y.slice(0, -1), k));
         }
-      }), ye = k(
+      }), ye = x(
         "div",
         {
           style: {
@@ -2022,25 +2055,25 @@ const Gn = /* @__PURE__ */ E({
         (() => {
           const Y = [];
           return m.children.forEach((M) => {
-            if (!Ee(g.children)) {
+            if (!Fe(h.children)) {
               console.assert(!1);
               return;
             }
-            g.children[M.key] || (g.children[M.key] = {
+            h.children[M.key] || (h.children[M.key] = {
               collapse: !0,
               children: !M.ui && M.array ? [] : {}
             });
-            const N = xe(
-              p,
+            const O = xe(
+              y,
               M,
-              (typeof y[m.key] != "object" && (y[m.key] = {}, c(p, y[m.key])), y[m.key]),
-              g.children[M.key]
+              (typeof k[m.key] != "object" && (k[m.key] = {}, d(y, k[m.key])), k[m.key]),
+              h.children[M.key]
             );
-            Y.push(N);
+            Y.push(O);
           }), Y;
         })()
       );
-      return k(
+      return x(
         "div",
         {
           style: {
@@ -2049,34 +2082,34 @@ const Gn = /* @__PURE__ */ E({
         },
         (() => {
           const Y = [];
-          return Y.push(ie), g.collapse || Y.push(ye), Y;
+          return Y.push(re), h.collapse || Y.push(ye), Y;
         })()
       );
-    }, ft = (p, m, y, g, w, A) => {
+    }, ft = (y, m, k, h, w, T) => {
       if (!m.ui)
-        return console.assert(!1), k("div", "renderLeafArray property ui must be valid");
+        return console.assert(!1), x("div", "renderLeafArray property ui must be valid");
       if (!m.array)
-        return console.assert(!1), k("div", "renderLeafArray property array must be valid");
-      if (!g)
-        return console.assert(!1), k("div", "renderLeafArray branch must be valid");
+        return console.assert(!1), x("div", "renderLeafArray property array must be valid");
+      if (!h)
+        return console.assert(!1), x("div", "renderLeafArray branch must be valid");
       let H;
-      w !== void 0 && !A ? (y[w] instanceof Array || (y[w] = J(m), c(p, y[w])), H = y[w]) : (y[m.key] instanceof Array || (y[m.key] = J(m), c(p, y[m.key])), H = y[m.key]);
-      let ie = n(m.name);
-      g.collapse && me(d.value, p) && (ie += " *");
-      const ye = k(Ue, {
-        title: ie,
-        collapse: g.collapse,
+      w !== void 0 && !T ? (k[w] instanceof Array || (k[w] = J(m), d(y, k[w])), H = k[w]) : (k[m.key] instanceof Array || (k[m.key] = J(m), d(y, k[m.key])), H = k[m.key]);
+      let re = l(m.name);
+      h.collapse && fe(c.value, y) && (re += " *");
+      const ye = x(Ue, {
+        title: re,
+        collapse: h.collapse,
         hasCreate: !0,
         onCollapse: (M) => {
-          g.collapse = M;
+          h.collapse = M;
         },
-        onMenu: (M, N) => {
-          de.emit("propTreeMenu", { x: M, y: N, keys: p });
+        onMenu: (M, O) => {
+          me.emit("propTreeMenu", { x: M, y: O, keys: y });
         },
         onCreate: () => {
-          H.push(J(m, !0)), c(p, H);
+          H.push(J(m, !0)), d(y, H);
         }
-      }), Y = k(
+      }), Y = x(
         "div",
         {
           style: {
@@ -2085,14 +2118,14 @@ const Gn = /* @__PURE__ */ E({
         },
         (() => {
           const M = [];
-          for (let N = 0; N < H.length; N++) {
-            const Se = xe(p, m, H, void 0, N, !1);
+          for (let O = 0; O < H.length; O++) {
+            const Se = xe(y, m, H, void 0, O, !1);
             M.push(Se);
           }
           return M;
         })()
       );
-      return k(
+      return x(
         "div",
         {
           style: {
@@ -2101,15 +2134,15 @@ const Gn = /* @__PURE__ */ E({
         },
         (() => {
           const M = [];
-          return M.push(ye), g.collapse || M.push(Y), M;
+          return M.push(ye), h.collapse || M.push(Y), M;
         })()
       );
-    }, vt = (p, m, y, g, w) => {
+    }, vt = (y, m, k, h, w) => {
       if (!m.ui)
-        return console.assert(!1), k("div", "renderLeafScalar property ui must be valid");
-      let A;
-      return m.ui === "dummy" ? A = x(p, m, y, g, w) : m.ui === "strInput" ? A = V(p, m, y, g, w) : m.ui === "numInput" ? A = U(p, m, y, g, w) : m.ui === "switch" ? A = O(p, m, y, g, w) : m.ui === "select" ? A = Q(p, m, y, g, w) : m.ui === "colorPicker" ? A = ge(p, m, y, g, w) : m.ui === "jsonEditor" ? A = ut(p, m, y, g, w) : m.ui === "multiTypes" ? A = rt(p, m, y, g, w) : m.ui === "compSelect" ? A = at(p, m, y, g, w) : m.ui === "slotSelect" ? A = ct(p, m, y, g, w) : console.assert(!1, "renderLeafScalar not implemented"), A ? D(p, m, A) : k("div");
-    }, pt = () => k(
+        return console.assert(!1), x("div", "renderLeafScalar property ui must be valid");
+      let T;
+      return m.ui === "dummy" ? T = U(y, m, k, h, w) : m.ui === "strInput" ? T = g(y, m, k, h, w) : m.ui === "numInput" ? T = $(y, m, k, h, w) : m.ui === "switch" ? T = L(y, m, k, h, w) : m.ui === "select" ? T = Q(y, m, k, h, w) : m.ui === "colorPicker" ? T = ge(y, m, k, h, w) : m.ui === "jsonEditor" ? T = Le(y, m, k, h, w) : m.ui === "multiTypes" ? T = rt(y, m, k, h, w) : m.ui === "compSelect" ? T = at(y, m, k, h, w) : m.ui === "slotSelect" ? T = ct(y, m, k, h, w) : console.assert(!1, "renderLeafScalar not implemented"), T ? b(y, m, T) : x("div");
+    }, pt = () => x(
       "div",
       {
         class: "text-body-2",
@@ -2118,49 +2151,49 @@ const Gn = /* @__PURE__ */ E({
         }
       },
       (() => {
-        const p = [];
-        if (l.unique && l.config.length > 0 && l.object) {
-          a[l.unique] || (a[l.unique] = {});
-          const m = a[l.unique];
-          l.config.forEach((y) => {
-            m[y.key] || (m[y.key] = {
+        const y = [];
+        if (n.unique && n.config.length > 0 && n.object) {
+          a[n.unique] || (a[n.unique] = {});
+          const m = a[n.unique];
+          n.config.forEach((k) => {
+            m[k.key] || (m[k.key] = {
               collapse: !0,
-              children: !y.ui && y.array ? [] : {}
+              children: !k.ui && k.array ? [] : {}
             });
-            const g = xe(
+            const h = xe(
               [],
-              y,
-              l.object,
-              m[y.key]
+              k,
+              n.object,
+              m[k.key]
             );
-            p.push(g);
+            y.push(h);
           });
         }
-        return p;
+        return y;
       })()
     );
-    return (p, m) => (_(), K(fe, null, [
-      b(pt),
-      b(Yt, {
-        config: l.config,
-        object: l.object,
-        "property-states": d.value
+    return (y, m) => (S(), K(ve, null, [
+      P(pt),
+      P(Qt, {
+        config: n.config,
+        object: n.object,
+        "property-states": c.value
       }, null, 8, ["config", "object", "property-states"])
     ], 64));
   }
-}), Yn = (t) => {
-  t.component("XPropTree", Gn);
-}, Wn = (t, s, n) => {
+}), Zn = (t) => {
+  t.component("XPropTree", Qn);
+}, jn = (t, s, l) => {
   const e = t[s];
-  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((l, o) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + s + (s.split("/").length !== n ? ". Note that variables only represent file names one level deep." : ""))));
+  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((n, o) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + s + (s.split("/").length !== l ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function ol(t) {
-  return (await Wn(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.fwi8tazn.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ju37v3iz.js") }), `./locales/${t}/index.ts`, 4)).default;
+async function ul(t) {
+  return (await jn(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.gtpxr0k8.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ev8iw0vp.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
-const sl = { install: Yn };
+const rl = { install: Zn };
 export {
-  sl as default,
-  ol as loadLocaleMessagePropTree
+  rl as default,
+  ul as loadLocaleMessagePropTree
 };