x-prop-tree 0.7.24 → 0.7.26

package/dist/index.js

@@ -1,12 +1,12 @@
-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, r as ve, d as Ye, 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) => {
+import { provide as re, inject as ae, defineComponent as E, ref as O, computed as A, resolveComponent as V, createBlock as B, openBlock as S, unref as L, isRef as ie, withCtx as q, createVNode as w, createElementBlock as R, Fragment as ve, renderList as Ne, createTextVNode as ge, toDisplayString as H, resolveDirective as te, withDirectives as j, withModifiers as J, normalizeStyle as z, createElementVNode as D, createCommentVNode as Y, onMounted as Oe, onBeforeUnmount as Be, watch as se, useModel as G, useId as Se, onUnmounted as xe, withKeys as Me, mergeProps as Ve, mergeModels as Z, useTemplateRef as Ye, watchEffect as He, h as x, renderSlot as St, reactive as xt } from "vue";
+import { useI18n as ne } from "vue-i18n";
+import { useViewStack as ye, useColor as I, globalObjects as Vt, useSystem as ue, eventBus as me, injectDark as Ct, injectLocale as Ut, openNumberDlg as We, openPromptDlg as $t } from "x-essential-lib";
+import { getPropertyDefault as X, pkgs as qe, getPropertyTag as bt, elements as wt, makeSlotId as Fe, parsePixelStr as Mt, parsePercentStr as Pt } from "x-runtime-lib";
+import { c as Qe, i as Pe, r as pe, d as Ze, v as je } from "./vendor.f0ug048x.js";
+import { globalState as Ke } from "x-state-lib";
+import { useDisplay as Re } from "vuetify";
+import { XBlockly as Lt } from "x-block-lib";
+const ze = (t) => !(t instanceof Array), Te = (t) => t instanceof Array, At = (t, s) => {
   const n = (e, l) => {
     if (e.ui !== l.ui || e.array !== l.array)
       return !1;
@@ -20,7 +20,7 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
     return !0;
   };
   return n(t, s);
-}, Ce = (t, s) => {
+}, be = (t, s) => {
   let n = {
     key: "",
     name: "",
@@ -42,7 +42,7 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
       n = n.children.find((l) => l.key === e);
     }
   }), n;
-}, he = (t, s) => {
+}, ke = (t, s) => {
   let n = t;
   return s.forEach((e) => {
     if (!n) {
@@ -51,39 +51,39 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
     }
     n = n[e];
   }), n;
-}, ne = (t, s, n, e, l, o) => {
+}, ee = (t, s, n, e, l, o) => {
   if (l !== void 0)
     if (o) {
       if (n[s.key] === void 0) {
-        const i = J(s);
+        const i = X(s);
         i !== void 0 && (n[s.key] = i, e(t, n[s.key]));
       }
       return n[s.key];
     } else {
       if (n[l] === void 0) {
-        const i = J(s, !0);
+        const i = X(s, !0);
         i !== void 0 && (n[l] = i, e(t, n[l]));
       }
       return n[l];
     }
   else {
     if (n[s.key] === void 0) {
-      const i = J(s);
+      const i = X(s);
       i !== void 0 && (n[s.key] = i, e(t, n[s.key]));
     }
     return n[s.key];
   }
-}, se = (t, s, n, e, l, o, i) => {
+}, le = (t, s, n, e, l, 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]));
   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]));
   }
-}, Be = (t) => !(t instanceof Array), Pe = (t) => t instanceof Array, Dt = [
+}, Ee = (t) => !(t instanceof Array), Le = (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(
+], Tt = (t) => Dt.find((s) => Pe(t, s)), Ae = (t, s, n, e, l, o, i) => (t = Qe(t), o !== void 0 ? (t.push(o), i && t.push(s.key)) : t.push(s.key), Tt(t) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && Le(e.children) ? Bt(
   t,
   s,
   n,
@@ -91,13 +91,13 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
   l,
   o,
   i
-) : Bt(
+) : qt(
   s,
   n,
   e,
   o,
   i
-) : s.array ? Tt(
+) : s.array ? Nt(
   t,
   s,
   n,
@@ -105,7 +105,7 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
   l,
   o,
   i
-) : Lt(
+) : Ot(
   t,
   s,
   n,
@@ -113,7 +113,7 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
   l,
   o,
   i
-)), Tt = (t, s, n, e, l, o, i) => {
+)), Nt = (t, s, n, e, l, o, i) => {
   if (s.ui)
     return console.assert(!1, "execPropertyBranchArray property ui must be invalid"), !1;
   if (!s.array)
@@ -121,13 +121,13 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
       !1,
       "execPropertyBranchArray property array must be valid"
     ), !1;
-  if (!e.children || !Pe(e.children))
+  if (!e.children || !Le(e.children))
     return console.assert(
       !1,
       "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 ? (n[o] instanceof Array || (n[o] = X(s), l?.(t, n[o])), u = n[o]) : (n[s.key] instanceof Array || (n[s.key] = X(s), l?.(t, n[s.key])), u = n[s.key]), e.change = !1;
   for (let r = 0; r < u.length; r++) {
     e.children.push({
       change: !1,
@@ -135,14 +135,14 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
     });
     const a = e.children[r];
     s.children.forEach((d) => {
-      if (!a.children || !Be(a.children)) {
+      if (!a.children || !Ee(a.children)) {
         console.assert(!1);
         return;
       }
       a.children[d.key] = {
         change: !1,
         children: d.array ? [] : {}
-      }, De(
+      }, Ae(
         t,
         d,
         u[r],
@@ -153,8 +153,8 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
       ) && (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 = !Pe(u, X(s))), e.change;
+}, Ot = (t, s, n, e, l, o, i) => {
   if (s.ui)
     return console.assert(
       !1,
@@ -165,7 +165,7 @@ 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 || !Ee(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;
@@ -174,23 +174,23 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
     e.children[a.key] = {
       change: !1,
       children: a.array ? [] : {}
-    }, De(t, a, u, e.children[a.key], l) && (e.change = !0);
+    }, Ae(t, a, u, e.children[a.key], l) && (e.change = !0);
   }
   return e.change;
-}, Nt = (t, s, n, e, l, o, i) => {
+}, Bt = (t, s, n, e, l, o, i) => {
   if (!s.ui)
     return console.assert(!1, "execPropertyLeafArray property ui must be valid"), !1;
   if (!s.array)
     return console.assert(!1, "execPropertyLeafArray property aray must be valid"), !1;
-  if (!e.children || !Pe(e.children))
+  if (!e.children || !Le(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 ? (n[o] instanceof Array || (n[o] = X(s), l?.(t, n[o])), u = n[o]) : (n[s.key] instanceof Array || (n[s.key] = X(s), l?.(t, n[s.key])), u = n[s.key]), e.change = !1;
   for (let r = 0; r < u.length; r++)
     e.children[r] = {
       change: !1,
       children: {}
-    }, De(
+    }, Ae(
       t,
       s,
       u,
@@ -199,13 +199,13 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
       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 = !Pe(u, X(s))), e.change;
+}, qt = (t, s, n, e, l) => {
   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) => {
+  return e !== void 0 && !l ? o = s[e] : o = s[t.key], n.change = !Pe(o, X(t, !0)), n.change;
+}, Ge = (t, s, n, e) => {
   if (s.length <= 0 || !n) {
     t.value = {};
     return;
@@ -215,9 +215,9 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
     l[o.key] = {
       change: !1,
       children: o.array ? [] : {}
-    }, De([], o, n, l[o.key], e);
+    }, Ae([], o, n, l[o.key], e);
   }), t.value = l;
-}, me = (t, s) => {
+}, fe = (t, s) => {
   let n = {
     change: !1,
     children: t
@@ -227,162 +227,168 @@ const Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Pt = (t
       return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
     if (!n.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]);
+    typeof e == "string" ? Ee(n.children) && (n = n.children[e]) : Le(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);
+}, Ie = Symbol(), et = Symbol(), tt = Symbol(), nt = Symbol(), lt = Symbol(), ot = Symbol(), st = Symbol(), it = Symbol();
+function Kt(t) {
+  re(Ie, t);
 }
-function Oe() {
-  return ce(je);
-}
-function qt(t) {
-  ae(Ie, t);
-}
-function Kt() {
-  return ce(Ie);
+function Je() {
+  return ae(Ie);
 }
 function Rt(t) {
-  ae(et, t);
+  re(et, t);
 }
 function Et() {
-  return ce(et);
+  return ae(et);
 }
 function Jt(t) {
-  ae(tt, t);
+  re(tt, t);
 }
-function Ht() {
-  return ce(tt);
+function Xt() {
+  return ae(tt);
 }
-function Xt(t) {
-  ae(nt, t);
+function Ht(t) {
+  re(nt, t);
 }
 function Ft() {
-  return ce(nt);
+  return ae(nt);
 }
 function zt(t) {
-  ae(lt, t);
+  re(lt, t);
+}
+function Gt() {
+  return ae(lt);
+}
+function Yt(t) {
+  re(ot, t);
+}
+function ut() {
+  return ae(ot);
 }
-function st() {
-  return ce(lt);
+function Wt(t) {
+  re(st, t);
 }
-function Gt(t) {
-  ae(ot, t);
+function Qt() {
+  return ae(st);
 }
-function it() {
-  return ce(ot);
+function Zt(t) {
+  re(it, t);
 }
-const Yt = /* @__PURE__ */ E({
+function rt() {
+  return ae(it);
+}
+const jt = /* @__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 } = ne(), n = Et(), e = Xt(), l = Ft(), o = Gt(), i = O(0), u = O(0), r = O([]), a = A(() => [i.value, u.value]), d = (k) => {
+      const $ = () => !(r.value.length <= 0 || !fe(l.value, r.value)), U = () => {
+        const g = be(n.value, r.value);
+        if (g)
+          if (g.ui) {
+            const M = ke(e.value, r.value.slice(0, -1));
+            if (!M)
               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) {
+            M[r.value[r.value.length - 1]] = X(g), o(r.value, M[r.value[r.value.length - 1]]);
+          } else if (g.array) {
+            const M = r.value[r.value.length - 1];
+            if (M === 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 M == "string") {
+              const T = ke(e.value, r.value.slice(0, -1));
+              if (!T)
                 return;
-              O[r.value[r.value.length - 1]] = J(V), o(r.value, O[r.value[r.value.length - 1]]);
+              T[r.value[r.value.length - 1]] = X(g), o(r.value, T[r.value[r.value.length - 1]]);
             } else {
-              const O = he(e.value, r.value);
-              if (!O)
+              const T = ke(e.value, r.value);
+              if (!T)
                 return;
-              V.children.forEach((Q) => {
-                O[Q.key] = J(V), o([...r.value, Q.key], O[Q.key]);
+              g.children.forEach((Q) => {
+                T[Q.key] = X(g), o([...r.value, Q.key], T[Q.key]);
               });
             }
           } else {
-            const U = he(e.value, r.value);
-            if (!U)
+            const M = ke(e.value, r.value);
+            if (!M)
               return;
-            V.children.forEach((O) => {
-              U[O.key] = J(V), o([...r.value, O.key], U[O.key]);
+            g.children.forEach((T) => {
+              M[T.key] = X(g), o([...r.value, T.key], M[T.key]);
             });
           }
       };
-      D() && S.push({
+      $() && k.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 }));
+    }, c = (k) => {
+      const $ = () => {
+        const U = be(n.value, r.value), g = ke(e.value, r.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ property: U, object: g }));
       };
-      S.push({
+      k.push({
         title: s("x-prop-tree.copy"),
-        func: D
+        func: $
       });
-    }, f = (S) => {
-      const D = () => {
-        const V = localStorage.getItem("propTreeCopy");
-        if (!V)
+    }, m = (k) => {
+      const $ = () => {
+        const g = localStorage.getItem("propTreeCopy");
+        if (!g)
           return !1;
         try {
-          const { property: U } = JSON.parse(V);
-          if (!U)
+          const { property: M } = JSON.parse(g);
+          if (!M)
             return !1;
-          const O = Ce(n.value, r.value);
-          return Pt(U, O);
-        } catch (U) {
-          console.error(U);
+          const T = be(n.value, r.value);
+          return At(M, T);
+        } catch (M) {
+          console.error(M);
         }
         return !1;
-      }, x = () => {
-        if (!D())
+      }, U = () => {
+        if (!$())
           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: M } = JSON.parse(g), T = be(n.value, r.value);
+            console.log(M, T);
+          } catch (M) {
+            console.error(M);
           }
       };
-      D() && S.push({
+      $() && k.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),
+    }, p = A(() => {
+      const k = [];
+      return d(k), c(k), m(k), k;
+    }), v = (k) => {
+      i.value = k.x, u.value = k.y, r.value = k.keys;
+    }, { open: C } = ye("propTreeMenu", v);
+    return (k, $) => {
+      const U = V("v-list-item-title"), g = V("v-list-item"), M = V("v-list"), T = V("v-menu");
+      return S(), B(T, {
+        modelValue: L(C),
+        "onUpdate:modelValue": $[0] || ($[0] = (Q) => ie(C) ? C.value = Q : null),
         "location-strategy": "connected",
         scrim: "transparent",
         target: a.value
       }, {
-        default: R(() => [
-          b(U, null, {
-            default: R(() => [
-              (_(!0), K(fe, null, Te(v.value, (Q, ge) => (_(), B(V, {
-                key: ge,
+        default: q(() => [
+          w(M, null, {
+            default: q(() => [
+              (S(!0), R(ve, null, Ne(p.value, (Q, he) => (S(), B(g, {
+                key: he,
                 link: "",
                 onClick: Q.func
               }, {
-                default: R(() => [
-                  b(x, null, {
-                    default: R(() => [
-                      ke(F(Q.title), 1)
+                default: q(() => [
+                  w(U, null, {
+                    default: q(() => [
+                      ge(H(Q.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -397,7 +403,7 @@ const Yt = /* @__PURE__ */ E({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Wt = { style: { pointerEvents: "none" } }, Ue = /* @__PURE__ */ E({
+}), It = { style: { pointerEvents: "none" } }, we = /* @__PURE__ */ E({
   __name: "index",
   props: {
     title: {},
@@ -408,7 +414,7 @@ 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(() => ({
+    const { backgroundColor2: n, highlightColor: e } = I(), l = s, o = O(!1), i = A(() => ({
       background: o.value ? e.value : n.value,
       height: "36px",
       marginBottom: "1px",
@@ -419,132 +425,132 @@ const Yt = /* @__PURE__ */ E({
       l("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", {
+      const c = V("v-icon"), m = V("v-spacer"), p = V("v-btn"), v = te("ripple");
+      return j((S(), R("div", {
         class: "d-flex align-center cursor-pointer",
-        style: W(i.value),
+        style: z(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)
+        onContextmenu: J(r, ["self", "prevent"]),
+        onMouseout: d[2] || (d[2] = (C) => o.value = !1),
+        onMouseover: d[3] || (d[3] = (C) => o.value = !0)
       }, [
-        b(c, {
+        w(c, {
           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, {
+        D("span", It, H(t.title), 1),
+        w(m),
+        t.hasCreate ? (S(), B(p, {
           key: 0,
           class: "mx-3",
           density: "compact",
           icon: "mdi-plus",
           variant: "text",
-          onClick: d[0] || (d[0] = X((h) => l("create"), ["stop"]))
-        })) : G("", !0),
-        t.hasDelete ? (_(), B(v, {
+          onClick: d[0] || (d[0] = J((C) => l("create"), ["stop"]))
+        })) : Y("", !0),
+        t.hasDelete ? (S(), B(p, {
           key: 1,
           class: "mx-3",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: d[1] || (d[1] = X((h) => l("delete", t.index), ["stop"]))
-        })) : G("", !0)
+          onClick: d[1] || (d[1] = J((C) => l("delete", t.index), ["stop"]))
+        })) : Y("", !0)
       ], 36)), [
-        [C]
+        [v]
       ]);
     };
   }
 });
-function Qt(t, s, n) {
-  const { i18n: e } = xt, l = T([]);
-  Gt(l);
+function en(t, s, n) {
+  const { i18n: e } = Vt, l = O([]);
+  Zt(l);
   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,
+      return [];
+    const d = qe[t.value];
+    if (!d)
+      return console.assert(!1, `invalid version=${t.value}`), [];
+    const c = bt(s.value, n.value), m = [];
+    for (let k = 0; k < d.groups[c].length; k++) {
+      const $ = d.groups[c][k], U = pe(l, $.key);
+      m.push({
+        id: $.key,
         type: 0,
-        name: e.global.t(S.name),
-        position: h,
-        collapse: D?.collapse ?? !0,
+        name: e.global.t($.name),
+        position: k,
+        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 M of $.items) {
+        const T = wt[M];
+        if (T && !T.internal && T.slots)
+          for (const Q of T.slots) {
+            const he = Fe("elementSlot", T.key, Q.key), De = `${e.global.t(T.name)} / ${e.global.t(Q.name)}`;
+            m.push({
+              id: he,
               type: 1,
-              name: ge,
-              position: x++,
-              group: S.key
+              name: De,
+              position: g++,
+              group: $.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: p, depends: v } = Ke.app;
+    for (const { id: k, name: $, position: U } of p.compGroups) {
+      const g = pe(l, k);
+      m.push({
+        id: k,
         type: 0,
-        name: S,
-        position: D,
-        collapse: x?.collapse ?? !0
+        name: $,
+        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 k of p.comps) {
+      const $ = v[k.id];
+      if ($ && $.meta.slots)
+        for (const U of $.meta.slots) {
+          const g = Fe("customSlot", k.id, U.id), M = `${k.name} / ${U.name}`;
+          m.push({
+            id: g,
             type: 1,
-            name: V,
+            name: M,
             position: C++,
-            group: h.groupId
+            group: k.groupId
           });
         }
     }
-    Ye(c, !0), l.value = c;
+    return Ze(m, !0), m;
+  }, i = () => {
+    l.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(() => {
+  Oe(() => {
     r();
-  }), oe([t, s, n], () => {
-    o(), u();
+  }), Be(() => {
+    a();
+  }), se([t, s, n], () => {
+    i(), r();
   });
 }
-function Zt() {
-  const t = T([]);
-  zt(t);
+function tn() {
+  const t = O([]);
+  Yt(t);
   const s = () => {
-    const { activeApp: o, depends: i } = Qe.app, u = [];
+    const { activeApp: o, depends: i } = Ke.app, u = [];
     for (const { id: r, name: a, position: d } of o.compGroups) {
-      const c = t.value.find((f) => f.id === r);
+      const c = t.value.find((m) => m.id === r);
       u.push({
         id: r,
         type: 0,
@@ -555,7 +561,7 @@ function Zt() {
     }
     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;
+    Ze(u, !0), t.value = u;
   };
   let n;
   const e = () => {
@@ -565,13 +571,251 @@ function Zt() {
   }, l = () => {
     clearTimeout(n), n = void 0;
   };
-  He(() => {
+  Oe(() => {
     e();
-  }), Xe(() => {
+  }), Be(() => {
+    l();
+  });
+}
+function nn() {
+  const t = O([]);
+  Wt(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: d } of u.meta.slots)
+      r.push({ id: a, name: d });
+    return r;
+  }, n = () => {
+    t.value = s();
+  };
+  let e;
+  const l = () => {
+    clearTimeout(e), e = window.setTimeout(() => {
+      n(), e && l();
+    }, 1e3);
+  }, o = () => {
+    clearTimeout(e), e = void 0;
+  };
+  Oe(() => {
     l();
+  }), Be(() => {
+    o();
   });
 }
-const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PURE__ */ E({
+const ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-grey ml-1" }, sn = /* @__PURE__ */ E({
+  __name: "group",
+  props: {
+    id: {},
+    title: {},
+    collapse: { type: Boolean },
+    count: {}
+  },
+  emits: ["x-click"],
+  setup(t, { emit: s }) {
+    const { backgroundColor2: n, highlightColor: e } = I(), l = t, o = s, i = O(!1), u = A(() => ({
+      background: i.value ? e.value : n.value,
+      height: "30px",
+      marginBottom: "1px",
+      userSelect: "none"
+    }));
+    return (r, a) => {
+      const d = V("v-icon"), c = te("ripple");
+      return j((S(), R("div", {
+        class: "d-flex align-center cursor-pointer",
+        style: z(u.value),
+        onClick: a[0] || (a[0] = (m) => o("x-click", l.id)),
+        onMouseout: a[1] || (a[1] = (m) => i.value = !1),
+        onMouseover: a[2] || (a[2] = (m) => i.value = !0)
+      }, [
+        w(d, {
+          icon: l.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
+          size: "small"
+        }, null, 8, ["icon"]),
+        D("span", ln, H(l.title), 1),
+        D("span", on, H(l.count), 1)
+      ], 36)), [
+        [c]
+      ]);
+    };
+  }
+}), un = { class: "text-subtitle-1 ml-6" }, rn = /* @__PURE__ */ E({
+  __name: "item",
+  props: {
+    id: {},
+    title: {}
+  },
+  emits: ["x-click"],
+  setup(t, { emit: s }) {
+    const { backgroundColor2: n, highlightColor: e } = I(), l = t, o = s, i = O(!1), u = A(() => ({
+      background: i.value ? e.value : n.value,
+      height: "48px",
+      marginBottom: "1px",
+      userSelect: "none"
+    }));
+    return (r, a) => {
+      const d = te("ripple");
+      return j((S(), R("div", {
+        class: "d-flex align-center cursor-pointer",
+        style: z(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)
+      }, [
+        D("span", un, H(l.title), 1)
+      ], 36)), [
+        [d]
+      ]);
+    };
+  }
+}), an = { key: 0 }, cn = {
+  key: 1,
+  class: "text-body-2 text-grey ml-3"
+}, dn = /* @__PURE__ */ E({
+  __name: "index",
+  props: {
+    modelValue: {},
+    modelModifiers: {},
+    open: { type: Boolean, required: !0 },
+    openModifiers: {}
+  },
+  emits: ["update:modelValue", "update:open"],
+  setup(t) {
+    const { nameList: s } = ue(), n = G(t, "modelValue"), e = G(t, "open"), l = rt(), o = (u) => {
+      const r = pe(l, u);
+      r && je(l, u, !r.collapse);
+    }, i = (u) => {
+      n.value = u, e.value = !1;
+    };
+    return (u, r) => L(l).length > 0 ? (S(), R("div", an, [
+      (S(!0), R(ve, null, Ne(L(l), (a) => (S(), R(ve, {
+        key: a.id
+      }, [
+        a.type === 0 ? (S(), B(sn, {
+          key: 0,
+          id: a.id,
+          collapse: a.collapse,
+          count: a.count ?? 0,
+          title: a.name,
+          onXClick: o
+        }, null, 8, ["id", "collapse", "count", "title"])) : Y("", !0),
+        a.type === 1 && a.show ? (S(), B(rn, {
+          key: 1,
+          id: a.id,
+          title: a.name,
+          onXClick: i
+        }, null, 8, ["id", "title"])) : Y("", !0)
+      ], 64))), 128))
+    ])) : (S(), R("div", cn, H(L(s)(["no", "slot"])), 1));
+  }
+}), mn = { class: "text-subtitle-1 ml-3" }, fn = /* @__PURE__ */ E({
+  __name: "index",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const { t: s } = ne(), n = Re(), { sysBarAvail: e } = ue(), { backgroundColor1: l } = I(), o = G(t, "modelValue"), i = rt(), u = A(() => {
+      let m = "100%";
+      return n.mdAndUp.value && (m = "400px"), {
+        background: l.value,
+        width: m,
+        height: "100%"
+      };
+    }), r = A(() => {
+      let m = 48;
+      return e.value && (m += 24), {
+        position: "relative",
+        height: `calc(100% - ${m}px)`
+      };
+    }), a = A(() => ({
+      height: "60px"
+    })), d = A(() => {
+      if (!o.value)
+        return s("x-runtime-lib.notSet");
+      const m = pe(i, o.value);
+      return m ? m.name : s("x-runtime-lib.slotNotAvail");
+    }), { open: c } = ye(`propTreeSlotSelectDlg${Se()}`);
+    return xe(() => {
+      c.value = !1;
+    }), (m, p) => {
+      const v = V("v-btn"), C = V("v-sheet"), k = V("v-icon"), $ = V("v-dialog");
+      return S(), B($, {
+        modelValue: L(c),
+        "onUpdate:modelValue": p[5] || (p[5] = (U) => ie(c) ? c.value = U : null),
+        fullscreen: "",
+        "no-click-animation": "",
+        persistent: "",
+        transition: "scroll-x-reverse-transition",
+        onKeydown: p[6] || (p[6] = Me(J((U) => c.value = !1, ["stop", "prevent"]), ["esc"]))
+      }, {
+        activator: q(({ props: U }) => [
+          w(v, Ve(U, {
+            block: "",
+            density: "comfortable"
+          }), {
+            default: q(() => [
+              ge(H(d.value), 1)
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        default: q(() => [
+          D("div", {
+            class: "w-100 h-100 d-flex flex-row-reverse",
+            onClick: p[3] || (p[3] = J((U) => c.value = !1, ["self"])),
+            onContextmenu: p[4] || (p[4] = J((U) => c.value = !1, ["self", "prevent"]))
+          }, [
+            D("div", {
+              class: "elevation-2",
+              style: z(u.value)
+            }, [
+              L(e) ? (S(), B(C, {
+                key: 0,
+                color: "transparent",
+                height: 24
+              })) : Y("", !0),
+              w(C, {
+                class: "d-flex align-center px-3",
+                color: "transparent",
+                height: 48
+              }, {
+                default: q(() => [
+                  w(k, {
+                    icon: "mdi-close",
+                    onClick: p[0] || (p[0] = (U) => c.value = !1)
+                  }),
+                  D("span", mn, H(L(s)("x-prop-tree.dlg.adaptSlotSelect.title")), 1)
+                ]),
+                _: 1
+              }),
+              D("div", {
+                class: "overflow-y-auto",
+                style: z(r.value)
+              }, [
+                w(dn, {
+                  modelValue: o.value,
+                  "onUpdate:modelValue": p[1] || (p[1] = (U) => o.value = U),
+                  open: L(c),
+                  "onUpdate:open": p[2] || (p[2] = (U) => ie(c) ? c.value = U : null)
+                }, null, 8, ["modelValue", "open"]),
+                D("div", {
+                  style: z(a.value)
+                }, null, 4)
+              ], 4)
+            ], 4)
+          ], 32)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), vn = { class: "d-flex justify-space-between align-center" }, pn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -582,54 +826,54 @@ 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: n } = ne(), e = G(t, "modelValue"), l = s, o = A(() => {
       let r = "100%";
       return t.hasDelete && (r = "calc(100% - 37px)"), {
         width: r
       };
-    }), i = L(() => t.readonly), { open: u } = _e(`propTreeColorPickerMenu${$e()}`);
-    return we(() => {
+    }), i = A(() => t.readonly), { open: u } = ye(`propTreeColorPickerMenu${Se()}`);
+    return xe(() => {
       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 d = V("v-btn"), c = V("v-color-picker"), m = V("v-menu");
+      return S(), B(m, {
+        modelValue: L(u),
+        "onUpdate:modelValue": a[2] || (a[2] = (p) => ie(u) ? u.value = p : null),
         "close-on-content-click": !1,
         scrim: "transparent"
       }, {
-        activator: R(({ props: v }) => [
-          q("div", jt, [
-            q("div", {
+        activator: q(({ props: p }) => [
+          D("div", vn, [
+            D("div", {
               class: "flex-grow-1",
-              style: W(o.value)
+              style: z(o.value)
             }, [
-              b(d, Me(v, {
+              w(d, Ve(p, {
                 block: "",
                 color: e.value,
                 density: "comfortable",
                 disabled: i.value
               }), {
-                default: R(() => [
-                  ke(F(e.value ? e.value : P(n)("x-runtime-lib.notSet")), 1)
+                default: q(() => [
+                  ge(H(e.value ? e.value : L(n)("x-runtime-lib.notSet")), 1)
                 ]),
                 _: 1
               }, 16, ["color", "disabled"])
             ], 4),
-            t.hasDelete ? (_(), B(d, {
+            t.hasDelete ? (S(), B(d, {
               key: 0,
               class: "mx-2",
               density: "compact",
               icon: "mdi-minus",
               variant: "text",
-              onClick: a[0] || (a[0] = X((C) => l("delete"), ["stop"]))
-            })) : G("", !0)
+              onClick: a[0] || (a[0] = J((v) => l("delete"), ["stop"]))
+            })) : Y("", !0)
           ])
         ]),
-        default: R(() => [
-          b(c, {
+        default: q(() => [
+          w(c, {
             modelValue: e.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (v) => e.value = v),
+            "onUpdate:modelValue": a[1] || (a[1] = (p) => e.value = p),
             mode: "hexa",
             "show-swatches": "",
             "swatches-max-height": "150px"
@@ -639,7 +883,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({
+}), gn = { class: "text-subtitle-2 ml-1" }, yn = { class: "text-caption text-grey ml-1" }, hn = /* @__PURE__ */ E({
   __name: "group",
   props: {
     id: {},
@@ -649,33 +893,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(() => ({
+    const { backgroundColor2: n, highlightColor: e } = I(), l = t, o = s, i = O(!1), u = A(() => ({
       background: i.value ? e.value : n.value,
       height: "30px",
       marginBottom: "1px",
       userSelect: "none"
     }));
     return (r, a) => {
-      const d = $("v-icon"), c = ee("ripple");
-      return j((_(), K("div", {
+      const d = V("v-icon"), c = te("ripple");
+      return j((S(), R("div", {
         class: "d-flex align-center cursor-pointer",
-        style: W(u.value),
-        onClick: a[0] || (a[0] = (f) => o("x-click", l.id)),
-        onMouseout: a[1] || (a[1] = (f) => i.value = !1),
-        onMouseover: a[2] || (a[2] = (f) => i.value = !0)
+        style: z(u.value),
+        onClick: a[0] || (a[0] = (m) => o("x-click", l.id)),
+        onMouseout: a[1] || (a[1] = (m) => i.value = !1),
+        onMouseover: a[2] || (a[2] = (m) => i.value = !0)
       }, [
-        b(d, {
+        w(d, {
           icon: l.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)
+        D("span", gn, H(l.title), 1),
+        D("span", yn, H(l.count), 1)
       ], 36)), [
         [c]
       ]);
     };
   }
-}), ln = { class: "text-subtitle-1 ml-6" }, on = /* @__PURE__ */ E({
+}), _n = { class: "text-subtitle-1 ml-6" }, kn = /* @__PURE__ */ E({
   __name: "item",
   props: {
     id: {},
@@ -683,31 +927,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(() => ({
+    const { backgroundColor2: n, highlightColor: e } = I(), l = t, o = s, i = O(!1), u = A(() => ({
       background: i.value ? e.value : n.value,
       height: "48px",
       marginBottom: "1px",
       userSelect: "none"
     }));
     return (r, a) => {
-      const d = ee("ripple");
-      return j((_(), K("div", {
+      const d = te("ripple");
+      return j((S(), R("div", {
         class: "d-flex align-center cursor-pointer",
-        style: W(u.value),
+        style: z(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)
       }, [
-        q("span", ln, F(l.title), 1)
+        D("span", _n, H(l.title), 1)
       ], 36)), [
         [d]
       ]);
     };
   }
-}), sn = { key: 0 }, un = {
+}), Sn = { key: 0 }, xn = {
   key: 1,
   class: "text-body-2 text-grey ml-3"
-}, rn = /* @__PURE__ */ E({
+}, Vn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: {},
@@ -717,34 +961,34 @@ 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(), n = G(t, "modelValue"), e = G(t, "open"), l = ut(), o = (u) => {
+      const r = pe(l, u);
+      r && je(l, u, !r.collapse);
     }, i = (u) => {
-      n.value = u, e.value = !1, de.emit("refreshDepends");
+      n.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) => L(l).length > 0 ? (S(), R("div", Sn, [
+      (S(!0), R(ve, null, Ne(L(l), (a) => (S(), R(ve, {
         key: a.id
       }, [
-        a.type === 0 ? (_(), B(nn, {
+        a.type === 0 ? (S(), B(hn, {
           key: 0,
           id: a.id,
           collapse: a.collapse,
           count: a.count ?? 0,
           title: a.name,
           onXClick: o
-        }, null, 8, ["id", "collapse", "count", "title"])) : G("", !0),
-        a.type === 1 && a.show ? (_(), B(on, {
+        }, null, 8, ["id", "collapse", "count", "title"])) : Y("", !0),
+        a.type === 1 && a.show ? (S(), B(kn, {
           key: 1,
           id: a.id,
           title: a.name,
           onXClick: i
-        }, null, 8, ["id", "title"])) : G("", !0)
+        }, null, 8, ["id", "title"])) : Y("", !0)
       ], 64))), 128))
-    ])) : (_(), K("div", un, F(P(s)("x-prop-tree.noComp")), 1));
+    ])) : (S(), R("div", xn, H(L(s)(["no", "comp"])), 1));
   }
-}), an = { class: "text-subtitle-1 ml-3" }, cn = /* @__PURE__ */ E({
+}), Cn = { class: "text-subtitle-1 ml-3" }, Un = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: {},
@@ -752,92 +996,92 @@ 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 } = ne(), n = Re(), { sysBarAvail: e, nameList: l } = ue(), { backgroundColor1: o } = I(), i = G(t, "modelValue"), u = ut(), r = A(() => {
+      let p = "100%";
+      return n.mdAndUp.value && (p = "400px"), {
+        background: o.value,
+        width: p,
         height: "100%"
       };
-    }), r = L(() => {
-      let f = 48;
-      return e.value && (f += 24), {
+    }), a = A(() => {
+      let p = 48;
+      return e.value && (p += 24), {
         position: "relative",
-        height: `calc(100% - ${f}px)`
+        height: `calc(100% - ${p}px)`
       };
-    }), a = L(() => ({
+    }), d = A(() => ({
       height: "60px"
-    })), d = L(() => {
-      if (!o.value)
+    })), c = A(() => {
+      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()}`);
-    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),
+      const p = pe(u, i.value);
+      return p ? p.name : s("x-runtime-lib.compNotAvail");
+    }), { open: m } = ye(`propTreeCompSelectDlg${Se()}`);
+    return xe(() => {
+      m.value = !1;
+    }), (p, v) => {
+      const C = V("v-btn"), k = V("v-sheet"), $ = V("v-icon"), U = V("v-dialog");
+      return S(), B(U, {
+        modelValue: L(m),
+        "onUpdate:modelValue": v[5] || (v[5] = (g) => ie(m) ? m.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: v[6] || (v[6] = Me(J((g) => m.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: R(({ props: x }) => [
-          b(C, Me(x, {
+        activator: q(({ props: g }) => [
+          w(C, Ve(g, {
             block: "",
             density: "comfortable"
           }), {
-            default: R(() => [
-              ke(F(d.value), 1)
+            default: q(() => [
+              ge(H(c.value), 1)
             ]),
             _: 1
           }, 16)
         ]),
-        default: R(() => [
-          q("div", {
+        default: q(() => [
+          D("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] = J((g) => m.value = !1, ["self"])),
+            onContextmenu: v[4] || (v[4] = J((g) => m.value = !1, ["self", "prevent"]))
           }, [
-            q("div", {
+            D("div", {
               class: "elevation-2",
-              style: W(u.value)
+              style: z(r.value)
             }, [
-              P(e) ? (_(), B(h, {
+              L(e) ? (S(), B(k, {
                 key: 0,
                 color: "transparent",
                 height: 24
-              })) : G("", !0),
-              b(h, {
+              })) : Y("", !0),
+              w(k, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
-                default: R(() => [
-                  b(S, {
+                default: q(() => [
+                  w($, {
                     icon: "mdi-close",
-                    onClick: v[0] || (v[0] = (x) => c.value = !1)
+                    onClick: v[0] || (v[0] = (g) => m.value = !1)
                   }),
-                  q("span", an, F(P(s)("x-prop-tree.dlg.compSelect.title")), 1)
+                  D("span", Cn, H(L(l)(["select", "comp"])), 1)
                 ]),
                 _: 1
               }),
-              q("div", {
+              D("div", {
                 class: "overflow-y-auto",
-                style: W(r.value)
+                style: z(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)
+                w(Vn, {
+                  modelValue: i.value,
+                  "onUpdate:modelValue": v[1] || (v[1] = (g) => i.value = g),
+                  open: L(m),
+                  "onUpdate:open": v[2] || (v[2] = (g) => ie(m) ? m.value = g : null)
                 }, null, 8, ["modelValue", "open"]),
-                q("div", {
-                  style: W(a.value)
+                D("div", {
+                  style: z(d.value)
                 }, null, 4)
               ], 4)
             ], 4)
@@ -847,7 +1091,7 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
       }, 8, ["modelValue"]);
     };
   }
-}), dn = /* @__PURE__ */ E({
+}), $n = /* @__PURE__ */ E({
   __name: "editor",
   props: {
     modelValue: { required: !0 },
@@ -859,28 +1103,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 n = G(t, "modelValue"), e = G(t, "lock"), l = G(t, "scale"), o = Ct(), i = Ut(), u = Je(), r = Ye("target"), a = () => {
       const c = JSON.parse(n.value);
       r.value?.load(c);
     };
     return s({ save: () => {
       const c = r.value.save();
       n.value = JSON.stringify(c, null, 2);
-    } }), (c, f) => (_(), B(P(bt), {
+    } }), (c, m) => (S(), B(L(Lt), {
       ref_key: "target",
       ref: r,
       lock: e.value,
-      "onUpdate:lock": f[0] || (f[0] = (v) => e.value = v),
+      "onUpdate:lock": m[0] || (m[0] = (p) => e.value = p),
       scale: l.value,
-      "onUpdate:scale": f[1] || (f[1] = (v) => l.value = v),
-      dark: P(o),
-      locale: P(i),
+      "onUpdate:scale": m[1] || (m[1] = (p) => l.value = p),
+      dark: L(o),
+      locale: L(i),
       type: "json",
-      version: P(u),
+      version: L(u),
       onReady: a
     }, null, 8, ["lock", "scale", "dark", "locale", "version"]));
   }
-}), mn = { class: "text-subtitle-1" }, fn = /* @__PURE__ */ E({
+}), bn = { class: "text-subtitle-1" }, wn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: { required: !0 },
@@ -888,84 +1132,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(() => {
-      let v = 48;
-      return n.value && (v += 24), {
+    const { t: s } = ne(), { sysBarAvail: n } = ue(), { backgroundColor0: e, backgroundColor1: l, backgroundColor2: o } = I(), i = G(t, "modelValue"), u = O(!1), r = O(1), a = A(() => {
+      let p = 48;
+      return n.value && (p += 24), {
         position: "relative",
         background: l.value,
-        height: `calc(100% - ${v}px)`
+        height: `calc(100% - ${p}px)`
       };
-    }), d = L(() => s("x-prop-tree.dlg.jsonEditor.title")), { open: c } = _e(`propTreejsonEditorDlg${$e()}`);
-    we(() => {
+    }), d = A(() => s("x-prop-tree.dlg.jsonEditor.title")), { open: c } = ye(`propTreejsonEditorDlg${Se()}`);
+    xe(() => {
       c.value = !1;
     });
-    const f = Fe("editor");
-    return oe(c, (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),
+    const m = Ye("editor");
+    return se(c, (p) => {
+      p || m.value?.save();
+    }), (p, v) => {
+      const C = V("v-btn"), k = V("v-sheet"), $ = V("v-spacer"), U = V("v-dialog");
+      return S(), B(U, {
+        modelValue: L(c),
+        "onUpdate:modelValue": v[4] || (v[4] = (g) => ie(c) ? c.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: v[5] || (v[5] = Me(J((g) => c.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: R(({ props: V }) => [
-          b(h, Me(V, {
+        activator: q(({ props: g }) => [
+          w(C, Ve(g, {
             block: "",
             density: "comfortable"
           }), {
-            default: R(() => [
-              ke(F(d.value), 1)
+            default: q(() => [
+              ge(H(d.value), 1)
             ]),
             _: 1
           }, 16)
         ]),
-        default: R(() => [
-          b(S, {
-            color: P(e),
+        default: q(() => [
+          w(k, {
+            color: L(e),
             height: "100%",
             width: "100%"
           }, {
-            default: R(() => [
-              P(n) ? (_(), B(S, {
+            default: q(() => [
+              L(n) ? (S(), B(k, {
                 key: 0,
-                color: P(o),
+                color: L(o),
                 height: 24
-              }, null, 8, ["color"])) : G("", !0),
-              b(S, {
+              }, null, 8, ["color"])) : Y("", !0),
+              w(k, {
                 class: "d-flex align-center px-2",
-                color: P(o),
+                color: L(o),
                 height: 48
               }, {
-                default: R(() => [
-                  b(h, {
+                default: q(() => [
+                  w(C, {
                     density: "comfortable",
                     icon: "mdi-close",
                     variant: "text",
-                    onClick: C[0] || (C[0] = (V) => c.value = !1)
+                    onClick: v[0] || (v[0] = (g) => c.value = !1)
                   }),
-                  q("span", mn, F(P(s)("x-prop-tree.dlg.jsonEditor.title")), 1),
-                  b(D)
+                  D("span", bn, H(L(s)("x-prop-tree.jsonEditor")), 1),
+                  w($)
                 ]),
                 _: 1
               }, 8, ["color"]),
-              q("div", {
-                style: W(a.value)
+              D("div", {
+                style: z(a.value)
               }, [
-                b(dn, {
+                w($n, {
                   ref_key: "editor",
-                  ref: f,
+                  ref: m,
                   modelValue: i.value,
-                  "onUpdate:modelValue": C[1] || (C[1] = (V) => i.value = V),
+                  "onUpdate:modelValue": v[1] || (v[1] = (g) => i.value = g),
                   lock: u.value,
-                  "onUpdate:lock": C[2] || (C[2] = (V) => u.value = V),
+                  "onUpdate:lock": v[2] || (v[2] = (g) => u.value = g),
                   scale: r.value,
-                  "onUpdate:scale": C[3] || (C[3] = (V) => r.value = V)
+                  "onUpdate:scale": v[3] || (v[3] = (g) => r.value = g)
                 }, null, 8, ["modelValue", "lock", "scale"])
               ], 4)
             ]),
@@ -976,7 +1220,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({
+}), Mn = { class: "d-flex justify-space-between align-center my-2" }, Pn = { class: "flex-grow-1" }, Ln = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -987,45 +1231,45 @@ 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: n } = ne(), { isMobile: e } = ue(), l = G(t, "modelValue"), o = s, i = Je(), u = A(() => qe[i.value].types[t.types]), r = O(0), a = A(() => {
+      const v = [];
+      return u.value?.forEach(({ title: C }, k) => {
+        v.push({
+          title: n(C),
+          value: k
         });
-      }), C;
+      }), v;
     });
-    Ke(() => {
-      u.value?.some((C, h) => C.validator(l.value) ? (r.value = h, !0) : !1);
+    He(() => {
+      u.value?.some((v, C) => v.validator(l.value) ? (r.value = C, !0) : !1);
     });
-    const d = L(() => u.value?.[r.value]), c = () => {
+    const d = A(() => 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")
+    }, m = O(0), p = async (v) => {
+      if (!v || !e() || d.value.ui !== "pixelInput" && d.value.ui !== "percentInput")
         return;
-      const h = await ze({
+      const C = await We({
         title: "",
-        value: f.value,
+        value: m.value,
         precision: d.value.precision,
         min: d.value.min,
         max: d.value.max,
         step: d.value.step
       });
-      h !== void 0 && (f.value = h);
+      C !== void 0 && (m.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(() => {
+      d.value?.ui === "pixelInput" ? m.value = Mt(l.value) : d.value?.ui === "percentInput" && (m.value = Pt(l.value));
+    }), se(m, (v) => {
+      d.value?.ui === "pixelInput" ? l.value = v + "px" : d.value?.ui === "percentInput" && (l.value = v + "%");
+    }), (v, C) => {
+      const k = V("v-select"), $ = V("v-number-input"), U = V("v-btn"), g = te("ripple");
+      return S(), R("div", Mn, [
+        D("div", Pn, [
+          j(w(k, {
             modelValue: r.value,
             "onUpdate:modelValue": [
-              h[0] || (h[0] = (U) => r.value = U),
+              C[0] || (C[0] = (M) => r.value = M),
               c
             ],
             density: "compact",
@@ -1034,16 +1278,16 @@ 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, {
+          d.value?.ui === "pixelInput" || d.value?.ui === "percentInput" ? j((S(), B($, {
             key: 0,
-            modelValue: f.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (U) => f.value = U),
+            modelValue: m.value,
+            "onUpdate:modelValue": C[1] || (C[1] = (M) => m.value = M),
             "control-variant": "stacked",
             density: "compact",
             "hide-details": "",
@@ -1052,28 +1296,28 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
             precision: d.value.precision,
             "single-line": "",
             step: d.value.step,
-            "onUpdate:focused": v
+            "onUpdate:focused": p
           }, null, 8, ["modelValue", "max", "min", "precision", "step"])), [
             [
-              V,
+              g,
               void 0,
               void 0,
               { stop: !0 }
             ]
-          ]) : G("", !0)
+          ]) : Y("", !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"]))
-        })) : G("", !0)
+          onClick: C[2] || (C[2] = J((M) => o("delete"), ["stop"]))
+        })) : Y("", !0)
       ]);
     };
   }
-}), yn = { class: "d-flex justify-space-between align-center" }, hn = /* @__PURE__ */ E({
+}), An = { class: "d-flex justify-space-between align-center" }, Dn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -1089,10 +1333,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) => {
+    const { isMobile: n } = ue(), e = G(t, "modelValue"), l = s, o = async (i) => {
       if (!i || t.readonly || !n())
         return;
-      const u = await ze({
+      const u = await We({
         title: "",
         value: e.value,
         precision: t.precision,
@@ -1103,9 +1347,9 @@ 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"), d = te("ripple");
+      return S(), R("div", An, [
+        j(w(r, {
           modelValue: e.value,
           "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c),
           "control-variant": "stacked",
@@ -1126,18 +1370,18 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
             { 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"]))
-        })) : G("", !0)
+          onClick: u[1] || (u[1] = J((c) => l("delete"), ["stop"]))
+        })) : Y("", !0)
       ]);
     };
   }
-}), kn = { class: "d-flex justify-space-between align-center" }, _n = /* @__PURE__ */ E({
+}), Tn = { class: "d-flex justify-space-between align-center" }, Nn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -1149,18 +1393,18 @@ 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: n } = ne(), e = G(t, "modelValue"), l = s, o = Je(), i = A(() => {
       const u = [];
-      return Ne[o.value].items[t.items].forEach(({ title: a, value: d }) => {
+      return qe[o.value].items[t.items].forEach(({ title: a, value: d }) => {
         u.push({ title: n(a), value: d });
       }), 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"), d = V("v-btn"), c = te("ripple");
+      return S(), R("div", Tn, [
+        j(w(a, {
           modelValue: e.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (f) => e.value = f),
+          "onUpdate:modelValue": r[0] || (r[0] = (m) => e.value = m),
           density: "compact",
           "hide-details": "",
           items: i.value,
@@ -1174,123 +1418,27 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
             { stop: !0 }
           ]
         ]),
-        t.hasDelete ? (_(), B(d, {
+        t.hasDelete ? (S(), B(d, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: r[1] || (r[1] = X((f) => l("delete"), ["stop"]))
-        })) : G("", !0)
-      ]);
-    };
-  }
-}), xn = { class: "text-subtitle-2 ml-1" }, Sn = { class: "text-caption text-grey ml-1" }, Vn = /* @__PURE__ */ E({
-  __name: "group",
-  props: {
-    id: {},
-    title: {},
-    collapse: { type: Boolean },
-    count: {}
-  },
-  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,
-      height: "30px",
-      marginBottom: "1px",
-      userSelect: "none"
-    }));
-    return (r, a) => {
-      const d = $("v-icon"), c = ee("ripple");
-      return j((_(), K("div", {
-        class: "d-flex align-center cursor-pointer",
-        style: W(u.value),
-        onClick: a[0] || (a[0] = (f) => o("x-click", l.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",
-          size: "small"
-        }, null, 8, ["icon"]),
-        q("span", xn, F(l.title), 1),
-        q("span", Sn, F(l.count), 1)
-      ], 36)), [
-        [c]
+          onClick: r[1] || (r[1] = J((m) => l("delete"), ["stop"]))
+        })) : Y("", !0)
       ]);
     };
   }
-}), Cn = { class: "text-subtitle-1 ml-6" }, Un = /* @__PURE__ */ E({
-  __name: "item",
-  props: {
-    id: {},
-    title: {}
-  },
-  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,
-      height: "48px",
-      marginBottom: "1px",
-      userSelect: "none"
-    }));
-    return (r, a) => {
-      const d = ee("ripple");
-      return j((_(), 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)
-      }, [
-        q("span", Cn, F(l.title), 1)
-      ], 36)), [
-        [d]
-      ]);
-    };
-  }
-}), $n = { key: 0 }, wn = {
-  key: 1,
-  class: "text-body-2 text-grey ml-3"
-}, Mn = /* @__PURE__ */ E({
-  __name: "index",
-  props: {
-    modelValue: {},
-    modelModifiers: {},
-    open: { type: Boolean, required: !0 },
-    openModifiers: {}
-  },
-  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);
-    }, i = (u) => {
-      n.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, {
-        key: a.id
-      }, [
-        a.type === 0 ? (_(), B(Vn, {
-          key: 0,
-          id: a.id,
-          collapse: a.collapse,
-          count: a.count ?? 0,
-          title: a.name,
-          onXClick: o
-        }, null, 8, ["id", "collapse", "count", "title"])) : G("", !0),
-        a.type === 1 && a.show ? (_(), B(Un, {
-          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));
-  }
-}), bn = { class: "text-subtitle-1 ml-3" }, Pn = /* @__PURE__ */ E({
+}), On = (t, s) => {
+  const n = t.__vccOpts || t;
+  for (const [e, l] of s)
+    n[e] = l;
+  return n;
+}, Bn = {};
+function qn(t, s) {
+  return S(), R("div");
+}
+const Kn = /* @__PURE__ */ On(Bn, [["render", qn]]), Rn = { class: "text-subtitle-1 ml-3" }, En = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: {},
@@ -1298,92 +1446,92 @@ 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(() => {
-      let f = "100%";
-      return n.mdAndUp.value && (f = "400px"), {
-        background: l.value,
-        width: f,
+    const { t: s } = ne(), n = Re(), { sysBarAvail: e, nameList: l } = ue(), { backgroundColor1: o } = I(), i = G(t, "modelValue"), u = Qt(), r = A(() => {
+      let p = "100%";
+      return n.mdAndUp.value && (p = "400px"), {
+        background: o.value,
+        width: p,
         height: "100%"
       };
-    }), r = L(() => {
-      let f = 48;
-      return e.value && (f += 24), {
+    }), a = A(() => {
+      let p = 48;
+      return e.value && (p += 24), {
         position: "relative",
-        height: `calc(100% - ${f}px)`
+        height: `calc(100% - ${p}px)`
       };
-    }), a = L(() => ({
+    }), d = A(() => ({
       height: "60px"
-    })), d = L(() => {
-      if (!o.value)
+    })), c = A(() => {
+      if (!i.value)
         return s("x-runtime-lib.notSet");
-      const f = ve(i, o.value);
-      return f ? f.name : s("x-runtime-lib.slotNotAvail");
-    }), { open: c } = _e(`propTreeSlotSelectDlg${$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),
+      const p = u.value.find((v) => v.id === i.value);
+      return p ? p.name : s("x-runtime-lib.slotNotAvail");
+    }), { open: m } = ye(`propTreeSlotSelectDlg${Se()}`);
+    return xe(() => {
+      m.value = !1;
+    }), (p, v) => {
+      const C = V("v-btn"), k = V("v-sheet"), $ = V("v-icon"), U = V("v-dialog");
+      return S(), B(U, {
+        modelValue: L(m),
+        "onUpdate:modelValue": v[5] || (v[5] = (g) => ie(m) ? m.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: v[6] || (v[6] = Me(J((g) => m.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: R(({ props: x }) => [
-          b(C, Me(x, {
+        activator: q(({ props: g }) => [
+          w(C, Ve(g, {
             block: "",
             density: "comfortable"
           }), {
-            default: R(() => [
-              ke(F(d.value), 1)
+            default: q(() => [
+              ge(H(c.value), 1)
             ]),
             _: 1
           }, 16)
         ]),
-        default: R(() => [
-          q("div", {
+        default: q(() => [
+          D("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] = J((g) => m.value = !1, ["self"])),
+            onContextmenu: v[4] || (v[4] = J((g) => m.value = !1, ["self", "prevent"]))
           }, [
-            q("div", {
+            D("div", {
               class: "elevation-2",
-              style: W(u.value)
+              style: z(r.value)
             }, [
-              P(e) ? (_(), B(h, {
+              L(e) ? (S(), B(k, {
                 key: 0,
                 color: "transparent",
                 height: 24
-              })) : G("", !0),
-              b(h, {
+              })) : Y("", !0),
+              w(k, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
-                default: R(() => [
-                  b(S, {
+                default: q(() => [
+                  w($, {
                     icon: "mdi-close",
-                    onClick: v[0] || (v[0] = (x) => c.value = !1)
+                    onClick: v[0] || (v[0] = (g) => m.value = !1)
                   }),
-                  q("span", bn, F(P(s)("x-prop-tree.dlg.slotSelect.title")), 1)
+                  D("span", Rn, H(L(l)(["select", "slot"])), 1)
                 ]),
                 _: 1
               }),
-              q("div", {
+              D("div", {
                 class: "overflow-y-auto",
-                style: W(r.value)
+                style: z(a.value)
               }, [
-                b(Mn, {
-                  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)
+                w(Kn, {
+                  modelValue: i.value,
+                  "onUpdate:modelValue": v[1] || (v[1] = (g) => i.value = g),
+                  open: L(m),
+                  "onUpdate:open": v[2] || (v[2] = (g) => ie(m) ? m.value = g : null)
                 }, null, 8, ["modelValue", "open"]),
-                q("div", {
-                  style: W(a.value)
+                D("div", {
+                  style: z(d.value)
                 }, null, 4)
               ], 4)
             ], 4)
@@ -1393,7 +1541,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({
+}), Jn = { class: "d-flex justify-space-between align-center" }, Xn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -1404,19 +1552,19 @@ 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) => {
+    const { isMobile: n } = ue(), e = G(t, "modelValue"), l = s, o = async (i) => {
       if (!i || t.readonly || !n())
         return;
-      const u = await Ct({
+      const u = await $t({
         title: "",
         value: e.value
       });
       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"), d = te("ripple");
+      return S(), R("div", Jn, [
+        j(w(r, {
           modelValue: e.value,
           "onUpdate:modelValue": u[0] || (u[0] = (c) => e.value = c),
           density: "compact",
@@ -1432,18 +1580,18 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
             { 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"]))
-        })) : G("", !0)
+          onClick: u[1] || (u[1] = J((c) => l("delete"), ["stop"]))
+        })) : Y("", !0)
       ]);
     };
   }
-}), Tn = { class: "d-flex justify-space-between align-center" }, Ln = /* @__PURE__ */ E({
+}), Hn = { class: "d-flex justify-space-between align-center" }, Fn = /* @__PURE__ */ E({
   __name: "index",
   props: /* @__PURE__ */ Z({
     hasDelete: { type: Boolean, default: !1 },
@@ -1454,11 +1602,11 @@ 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;
+    const n = G(t, "modelValue"), e = s;
     return (l, o) => {
-      const i = $("v-switch"), u = $("v-btn");
-      return _(), K("div", Tn, [
-        b(i, {
+      const i = V("v-switch"), u = V("v-btn");
+      return S(), R("div", Hn, [
+        w(i, {
           modelValue: n.value,
           "onUpdate:modelValue": o[0] || (o[0] = (r) => n.value = r),
           class: "ml-1",
@@ -1467,21 +1615,44 @@ const jt = { class: "d-flex justify-space-between align-center" }, It = /* @__PU
           "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",
           icon: "mdi-minus",
           variant: "text",
-          onClick: o[1] || (o[1] = X((r) => e("delete"), ["stop"]))
-        })) : G("", !0)
+          onClick: o[1] || (o[1] = J((r) => e("delete"), ["stop"]))
+        })) : Y("", !0)
       ]);
     };
   }
 });
-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(
+function zn(t) {
+  return { renderUiAdaptSlotSelect: (n, e, l, o, i) => e.ui !== "adaptSlotSelect" ? (console.assert(!1), x("div", "renderUiSlotSelect property ui must be adaptSlotSelect")) : x(fn, {
+    modelValue: ee(
+      n,
+      e,
+      l,
+      t,
+      o,
+      i
+    ),
+    "onUpdate:modelValue": (u) => {
+      le(
+        n,
+        e,
+        l,
+        u,
+        t,
+        o,
+        i
+      );
+    }
+  }) };
+}
+function Gn(t) {
+  return { renderUiColorPicker: (n, e, l, o, i) => e.ui !== "colorPicker" ? (console.assert(!1), x("div", "renderUiColorPicker property ui must be colorPicker")) : x(pn, {
+    modelValue: ee(
       n,
       e,
       l,
@@ -1490,7 +1661,7 @@ function Nn(t) {
       i
     ),
     "onUpdate:modelValue": (u) => {
-      se(
+      le(
         n,
         e,
         l,
@@ -1507,9 +1678,9 @@ function Nn(t) {
     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(
+function Yn(t) {
+  return { renderUiCompSelect: (n, e, l, o, i) => e.ui !== "compSelect" ? (console.assert(!1), x("div", "renderUiCompSelect property ui must be compSelect")) : x(Un, {
+    modelValue: ee(
       n,
       e,
       l,
@@ -1518,7 +1689,7 @@ function Bn(t) {
       i
     ),
     "onUpdate:modelValue": (u) => {
-      se(
+      le(
         n,
         e,
         l,
@@ -1530,18 +1701,18 @@ function Bn(t) {
     }
   }) };
 }
-function On(t) {
+function Wn(t) {
   return { renderUiDummy: (n, e, l, o, i) => {
     if (e.ui !== "dummy") {
       console.assert(!1, "renderUiDummy property ui must be dummy");
       return;
     }
-    ne(n, e, l, t, o, i);
+    ee(n, e, l, 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(
+function Qn(t) {
+  return { renderUiJsonEditor: (n, e, l, o, i) => e.ui !== "jsonEditor" ? x("div", "renderUijsonEditor property ui must be jsonEditor") : x(wn, {
+    modelValue: ee(
       n,
       e,
       l,
@@ -1550,7 +1721,7 @@ function qn(t) {
       i
     ) ?? "{}",
     "onUpdate:modelValue": (u) => {
-      se(
+      le(
         n,
         e,
         l,
@@ -1562,9 +1733,9 @@ 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(
+function Zn(t) {
+  return { renderUiMultiTypes: (n, e, l, o, i) => e.ui !== "multiTypes" ? (console.assert(!1), x("div", "renderUiMultiTypes property ui must be multiTypes")) : x(Ln, {
+    modelValue: ee(
       n,
       e,
       l,
@@ -1573,7 +1744,7 @@ function Kn(t) {
       i
     ) ?? "",
     "onUpdate:modelValue": (u) => {
-      se(
+      le(
         n,
         e,
         l,
@@ -1590,9 +1761,9 @@ function Kn(t) {
     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(
+function jn(t) {
+  return { renderUiNumInput: (n, e, l, o, i) => e.ui !== "numInput" ? (console.assert(!1), x("div", "renderUiNumInput property ui must be numInput")) : x(Dn, {
+    modelValue: ee(
       n,
       e,
       l,
@@ -1601,7 +1772,7 @@ function Rn(t) {
       i
     ),
     "onUpdate:modelValue": (u) => {
-      se(
+      le(
         n,
         e,
         l,
@@ -1622,14 +1793,14 @@ function Rn(t) {
     readonly: e.readonly
   }) };
 }
-const En = /* @__PURE__ */ E({
+const In = /* @__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(() => ({
+    const { backgroundColor2: n, highlightColor: e } = I(), l = s, o = O(!1), i = A(() => ({
       background: o.value ? e.value : n.value,
       minHeight: t.minHeight,
       paddingRight: "4px",
@@ -1639,47 +1810,47 @@ const En = /* @__PURE__ */ E({
       l("menu", r.clientX, r.clientY);
     };
     return (r, a) => {
-      const d = ee("ripple");
-      return j((_(), K("div", {
+      const d = te("ripple");
+      return j((S(), R("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
-        style: W(i.value),
-        onContextmenu: X(u, ["self", "prevent"]),
+        style: z(i.value),
+        onContextmenu: J(u, ["self", "prevent"]),
         onMouseout: a[0] || (a[0] = (c) => o.value = !1),
         onMouseover: a[1] || (a[1] = (c) => o.value = !0)
       }, [
-        kt(r.$slots, "default")
+        St(r.$slots, "default")
       ], 36)), [
         [d]
       ]);
     };
   }
 });
-function Jn(t, s, n) {
-  const { t: e } = I();
+function el(t, s, n) {
+  const { t: e } = ne();
   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,
+    return fe(t.value, o) && (d += " *"), x(
+      In,
       {
         minHeight: s.value,
-        onMenu: (c, f) => {
-          de.emit("propTreeMenu", { x: c, y: f, keys: o });
+        onMenu: (c, m) => {
+          me.emit("propTreeMenu", { x: c, y: m, keys: o });
         }
       },
       () => [
-        k("span", {
+        x("span", {
           style: { marginLeft: "4px", pointerEvents: "none" },
           innerHTML: d
         }),
-        k("div", { style: { width: n.value } }, u)
+        x("div", { style: { width: n.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(
+function tl(t) {
+  return { renderUiSelect: (n, e, l, o, i) => e.ui !== "select" ? (console.assert(!1), x("div", "renderUiSelect property ui must be select")) : x(Nn, {
+    modelValue: ee(
       n,
       e,
       l,
@@ -1688,7 +1859,7 @@ function Hn(t) {
       i
     ) ?? "",
     "onUpdate:modelValue": (u) => {
-      se(
+      le(
         n,
         e,
         l,
@@ -1706,9 +1877,9 @@ function Hn(t) {
     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(
+function nl(t) {
+  return { renderUiSlotSelect: (n, e, l, o, i) => e.ui !== "slotSelect" ? (console.assert(!1), x("div", "renderUiSlotSelect property ui must be slotSelect")) : x(En, {
+    modelValue: ee(
       n,
       e,
       l,
@@ -1717,7 +1888,7 @@ function Xn(t) {
       i
     ),
     "onUpdate:modelValue": (u) => {
-      se(
+      le(
         n,
         e,
         l,
@@ -1729,9 +1900,9 @@ 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(
+function ll(t) {
+  return { renderUiStrInput: (n, e, l, o, i) => e.ui !== "strInput" ? (console.assert(!1), x("div", "renderUiStrInput property ui must be strInput")) : x(Xn, {
+    modelValue: e.static ? e.value : ee(
       n,
       e,
       l,
@@ -1740,7 +1911,7 @@ function Fn(t) {
       i
     ),
     "onUpdate:modelValue": (u) => {
-      e.static || se(
+      e.static || le(
         n,
         e,
         l,
@@ -1757,9 +1928,9 @@ function Fn(t) {
     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(
+function ol(t) {
+  return { renderUiSwitch: (n, e, l, o, i) => e.ui !== "switch" ? (console.assert(!1), x("div", "renderUiSwitch property ui must be switch")) : x(Fn, {
+    modelValue: ee(
       n,
       e,
       l,
@@ -1768,7 +1939,7 @@ function zn(t) {
       i
     ) ?? !1,
     "onUpdate:modelValue": (u) => {
-      se(
+      le(
         n,
         e,
         l,
@@ -1785,7 +1956,7 @@ function zn(t) {
     readonly: e.readonly
   }) };
 }
-const Gn = /* @__PURE__ */ E({
+const sl = /* @__PURE__ */ E({
   __name: "index",
   props: {
     unique: {},
@@ -1797,108 +1968,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: n } = ne(), { backgroundColor1: e } = I(), l = t, o = s, i = O("20px"), u = O("56px"), r = O("200px"), a = xt({}), d = O({}), c = (y, f) => {
+      Ge(d, l.config, l.object), o("change", y, f);
     };
-    oe(
+    se(
       [() => l.config, () => l.object],
       () => {
-        Je(
+        Ge(
           d,
           l.config,
           l.object,
-          (p, m) => {
-            o("change", p, m);
+          (y, f) => {
+            o("change", y, f);
           }
         );
       },
       { immediate: !0 }
     );
-    const f = T(l.version);
-    Ot(f), oe(
+    const m = O(l.version);
+    Kt(m), se(
       () => l.version,
       () => {
-        f.value = l.version;
+        m.value = l.version;
       }
     );
-    const v = T(l.type);
-    oe(
+    const p = O(l.type);
+    se(
       () => l.type,
       () => {
-        v.value = l.type;
+        p.value = l.type;
       }
     );
-    const C = T(l.subtype);
-    oe(
+    const v = O(l.subtype);
+    se(
       () => l.subtype,
       () => {
-        C.value = l.subtype;
+        v.value = l.subtype;
       }
     );
-    const h = T(l.config);
-    qt(h), oe(
+    const C = O(l.config);
+    Rt(C), se(
       () => l.config,
       () => {
-        h.value = l.config;
+        C.value = l.config;
       }
     );
-    const S = T(l.object);
-    Rt(S), oe(
+    const k = O(l.object);
+    Jt(k), se(
       () => l.object,
       () => {
-        S.value = l.object;
+        k.value = l.object;
       }
-    ), Jt(d), Xt(c), Zt(), Qt(f, v, C);
-    const { renderProperty: D } = Jn(
+    ), Ht(d), zt(c), tn(), nn(), en(m, p, v);
+    const { renderProperty: $ } = el(
       d,
       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 } = Wn(c), { renderUiStrInput: g } = ll(c), { renderUiNumInput: M } = jn(c), { renderUiSwitch: T } = ol(c), { renderUiSelect: Q } = tl(c), { renderUiColorPicker: he } = Gn(c), { renderUiJsonEditor: De } = Qn(c), { renderUiMultiTypes: at } = Zn(c), { renderUiCompSelect: ct } = Yn(c), { renderUiSlotSelect: dt } = nl(c), { renderUiAdaptSlotSelect: mt } = zn(c), Ce = (y, f, _, h, b, N) => (y = Qe(y), b !== void 0 ? (y.push(b), N && y.push(f.key)) : y.push(f.key), f.ui ? f.array && h ? pt(
       y,
-      g,
-      w,
-      A
-    ) : vt(p, m, y, w, A) : m.array ? dt(
-      p,
-      m,
+      f,
+      _,
+      h,
+      b,
+      N
+    ) : gt(y, f, _, b, N) : f.array ? ft(
       y,
-      g,
-      w,
-      A
-    ) : mt(
-      p,
-      m,
+      f,
+      _,
+      h,
+      b,
+      N
+    ) : vt(
       y,
-      g,
-      w,
-      A
-    )), dt = (p, m, y, g, w, A) => {
-      if (m.ui)
-        return console.assert(!1), k("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");
-      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,
+      f,
+      _,
+      h,
+      b,
+      N
+    )), ft = (y, f, _, h, b, N) => {
+      if (f.ui)
+        return console.assert(!1), x("div", "renderBranchArray property ui must be invalid");
+      if (!f.array)
+        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 F;
+      b !== void 0 && !N ? (_[b] instanceof Array || (_[b] = X(f), c(y, _[f.key])), F = _[b]) : (_[f.key] instanceof Array || (_[f.key] = X(f), c(y, _[f.key])), F = _[f.key]);
+      let ce = n(f.name);
+      h.collapse && fe(d.value, y) && (ce += " *");
+      const _e = x(we, {
+        title: ce,
+        collapse: h.collapse,
         hasCreate: !0,
-        onCollapse: (M) => {
-          g.collapse = M;
+        onCollapse: (P) => {
+          h.collapse = P;
         },
-        onMenu: (M, N) => {
-          de.emit("propTreeMenu", { x: M, y: N, keys: p });
+        onMenu: (P, K) => {
+          me.emit("propTreeMenu", { x: P, y: K, keys: y });
         },
         onCreate: () => {
-          H.push({}), c(p, H);
+          F.push({}), c(y, F);
         }
-      }), Y = k(
+      }), W = x(
         "div",
         {
           style: {
@@ -1906,44 +2077,44 @@ const Gn = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const M = [];
-          for (let N = 0; N < H.length; N++) {
-            if (!Ae(g.children)) {
+          const P = [];
+          for (let K = 0; K < F.length; K++) {
+            if (!Te(h.children)) {
               console.assert(!1);
               break;
             }
-            g.children[N] || g.children.push({
+            h.children[K] || 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 Ue = [...y, K], $e = h.children[K];
+            let Xe = `[${K + 1}]`;
+            h.children[K].collapse && fe(d.value, Ue) && (Xe += " *");
+            const ht = x(we, {
+              title: Xe,
+              collapse: h.children[K].collapse,
               hasDelete: !0,
-              index: N,
-              onCollapse: (le) => {
-                if (!Ae(g.children)) {
+              index: K,
+              onCollapse: (oe) => {
+                if (!Te(h.children)) {
                   console.assert(!1);
                   return;
                 }
-                g.children[N].collapse = le;
+                h.children[K].collapse = oe;
               },
-              onMenu: (le, ue) => {
-                de.emit("propTreeMenu", { x: le, y: ue, keys: Se });
+              onMenu: (oe, de) => {
+                me.emit("propTreeMenu", { x: oe, y: de, keys: Ue });
               },
-              onDelete: (le) => {
-                if (!Ae(g.children)) {
+              onDelete: (oe) => {
+                if (!Te(h.children)) {
                   console.assert(!1);
                   return;
                 }
-                g.children.splice(le, 1), H.splice(le, 1), c(p, H);
+                h.children.splice(oe, 1), F.splice(oe, 1), c(y, F);
               }
             });
-            M.push(gt);
-            const yt = k(
+            P.push(ht);
+            const _t = x(
               "div",
               {
                 style: {
@@ -1951,34 +2122,34 @@ const Gn = /* @__PURE__ */ E({
                 }
               },
               (() => {
-                const le = [];
-                return m.children.forEach((ue) => {
-                  if (!Ee(Ve.children)) {
+                const oe = [];
+                return f.children.forEach((de) => {
+                  if (!ze($e.children)) {
                     console.assert(!1);
                     return;
                   }
-                  Ve.children[ue.key] || (Ve.children[ue.key] = {
+                  $e.children[de.key] || ($e.children[de.key] = {
                     collapse: !0,
-                    children: ue.array ? [] : {}
+                    children: de.array ? [] : {}
                   });
-                  const ht = xe(
-                    p,
-                    ue,
-                    H[N],
-                    Ve.children[ue.key],
-                    N,
+                  const kt = Ce(
+                    y,
+                    de,
+                    F[K],
+                    $e.children[de.key],
+                    K,
                     !0
                   );
-                  le.push(ht);
-                }), le;
+                  oe.push(kt);
+                }), oe;
               })()
             );
-            g.children[N].collapse || M.push(yt);
+            h.children[K].collapse || P.push(_t);
           }
-          return M;
+          return P;
         })()
       );
-      return k(
+      return x(
         "div",
         {
           style: {
@@ -1986,33 +2157,33 @@ const Gn = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const M = [];
-          return M.push(ye), g.collapse || M.push(Y), M;
+          const P = [];
+          return P.push(_e), h.collapse || P.push(W), P;
         })()
       );
-    }, mt = (p, m, y, g, w, A) => {
-      if (m.ui)
-        return console.assert(!1), k("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, {
-        title: H,
-        collapse: g.collapse,
-        hasDelete: w !== void 0 && !A,
-        onCollapse: (Y) => {
-          g.collapse = Y;
+    }, vt = (y, f, _, h, b, N) => {
+      if (f.ui)
+        return console.assert(!1), x("div", "renderBranchScalar property ui must be invalid");
+      if (f.array)
+        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 F = n(f.name);
+      h.collapse && fe(d.value, y) && (F += " *");
+      const ce = x(we, {
+        title: F,
+        collapse: h.collapse,
+        hasDelete: b !== void 0 && !N,
+        onCollapse: (W) => {
+          h.collapse = W;
         },
-        onMenu: (Y, M) => {
-          de.emit("propTreeMenu", { x: Y, y: M, keys: p });
+        onMenu: (W, P) => {
+          me.emit("propTreeMenu", { x: W, y: P, keys: y });
         },
         onDelete: () => {
-          w === void 0 || A || (y.splice(w, 1), c(p.slice(0, -1), y));
+          b === void 0 || N || (_.splice(b, 1), c(y.slice(0, -1), _));
         }
-      }), ye = k(
+      }), _e = x(
         "div",
         {
           style: {
@@ -2020,27 +2191,27 @@ const Gn = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const Y = [];
-          return m.children.forEach((M) => {
-            if (!Ee(g.children)) {
+          const W = [];
+          return f.children.forEach((P) => {
+            if (!ze(h.children)) {
               console.assert(!1);
               return;
             }
-            g.children[M.key] || (g.children[M.key] = {
+            h.children[P.key] || (h.children[P.key] = {
               collapse: !0,
-              children: !M.ui && M.array ? [] : {}
+              children: !P.ui && P.array ? [] : {}
             });
-            const N = xe(
-              p,
-              M,
-              (typeof y[m.key] != "object" && (y[m.key] = {}, c(p, y[m.key])), y[m.key]),
-              g.children[M.key]
+            const K = Ce(
+              y,
+              P,
+              (typeof _[f.key] != "object" && (_[f.key] = {}, c(y, _[f.key])), _[f.key]),
+              h.children[P.key]
             );
-            Y.push(N);
-          }), Y;
+            W.push(K);
+          }), W;
         })()
       );
-      return k(
+      return x(
         "div",
         {
           style: {
@@ -2048,35 +2219,35 @@ const Gn = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const Y = [];
-          return Y.push(ie), g.collapse || Y.push(ye), Y;
+          const W = [];
+          return W.push(ce), h.collapse || W.push(_e), W;
         })()
       );
-    }, ft = (p, m, y, g, w, A) => {
-      if (!m.ui)
-        return console.assert(!1), k("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");
-      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,
+    }, pt = (y, f, _, h, b, N) => {
+      if (!f.ui)
+        return console.assert(!1), x("div", "renderLeafArray property ui must be valid");
+      if (!f.array)
+        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 F;
+      b !== void 0 && !N ? (_[b] instanceof Array || (_[b] = X(f), c(y, _[b])), F = _[b]) : (_[f.key] instanceof Array || (_[f.key] = X(f), c(y, _[f.key])), F = _[f.key]);
+      let ce = n(f.name);
+      h.collapse && fe(d.value, y) && (ce += " *");
+      const _e = x(we, {
+        title: ce,
+        collapse: h.collapse,
         hasCreate: !0,
-        onCollapse: (M) => {
-          g.collapse = M;
+        onCollapse: (P) => {
+          h.collapse = P;
         },
-        onMenu: (M, N) => {
-          de.emit("propTreeMenu", { x: M, y: N, keys: p });
+        onMenu: (P, K) => {
+          me.emit("propTreeMenu", { x: P, y: K, keys: y });
         },
         onCreate: () => {
-          H.push(J(m, !0)), c(p, H);
+          F.push(X(f, !0)), c(y, F);
         }
-      }), Y = k(
+      }), W = x(
         "div",
         {
           style: {
@@ -2084,15 +2255,15 @@ const Gn = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const M = [];
-          for (let N = 0; N < H.length; N++) {
-            const Se = xe(p, m, H, void 0, N, !1);
-            M.push(Se);
+          const P = [];
+          for (let K = 0; K < F.length; K++) {
+            const Ue = Ce(y, f, F, void 0, K, !1);
+            P.push(Ue);
           }
-          return M;
+          return P;
         })()
       );
-      return k(
+      return x(
         "div",
         {
           style: {
@@ -2100,16 +2271,16 @@ const Gn = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const M = [];
-          return M.push(ye), g.collapse || M.push(Y), M;
+          const P = [];
+          return P.push(_e), h.collapse || P.push(W), P;
         })()
       );
-    }, vt = (p, m, y, g, 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(
+    }, gt = (y, f, _, h, b) => {
+      if (!f.ui)
+        return console.assert(!1), x("div", "renderLeafScalar property ui must be valid");
+      let N;
+      return f.ui === "dummy" ? N = U(y, f, _, h, b) : f.ui === "strInput" ? N = g(y, f, _, h, b) : f.ui === "numInput" ? N = M(y, f, _, h, b) : f.ui === "switch" ? N = T(y, f, _, h, b) : f.ui === "select" ? N = Q(y, f, _, h, b) : f.ui === "colorPicker" ? N = he(y, f, _, h, b) : f.ui === "jsonEditor" ? N = De(y, f, _, h, b) : f.ui === "multiTypes" ? N = at(y, f, _, h, b) : f.ui === "compSelect" ? N = ct(y, f, _, h, b) : f.ui === "slotSelect" ? N = dt(y, f, _, h, b) : f.ui === "adaptSlotSelect" ? N = mt(y, f, _, h, b) : console.assert(!1, "renderLeafScalar not implemented"), N ? $(y, f, N) : x("div");
+    }, yt = () => x(
       "div",
       {
         class: "text-body-2",
@@ -2118,49 +2289,49 @@ const Gn = /* @__PURE__ */ E({
         }
       },
       (() => {
-        const p = [];
+        const y = [];
         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 f = a[l.unique];
+          l.config.forEach((_) => {
+            f[_.key] || (f[_.key] = {
               collapse: !0,
-              children: !y.ui && y.array ? [] : {}
+              children: !_.ui && _.array ? [] : {}
             });
-            const g = xe(
+            const h = Ce(
               [],
-              y,
+              _,
               l.object,
-              m[y.key]
+              f[_.key]
             );
-            p.push(g);
+            y.push(h);
           });
         }
-        return p;
+        return y;
       })()
     );
-    return (p, m) => (_(), K(fe, null, [
-      b(pt),
-      b(Yt, {
+    return (y, f) => (S(), R(ve, null, [
+      w(yt),
+      w(jt, {
         config: l.config,
         object: l.object,
         "property-states": d.value
       }, null, 8, ["config", "object", "property-states"])
     ], 64));
   }
-}), Yn = (t) => {
-  t.component("XPropTree", Gn);
-}, Wn = (t, s, n) => {
+}), il = (t) => {
+  t.component("XPropTree", sl);
+}, ul = (t, s, n) => {
   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." : ""))));
   });
 };
-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 gl(t) {
+  return (await ul(/* @__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 yl = { install: il };
 export {
-  sl as default,
-  ol as loadLocaleMessagePropTree
+  yl as default,
+  gl as loadLocaleMessagePropTree
 };