x-prop-tree 0.7.25 → 0.7.27

package/dist/index.js

@@ -1,12 +1,12 @@
-import { provide as ie, inject as de, defineComponent as E, ref as A, computed as N, resolveComponent as V, createBlock as B, openBlock as S, unref as D, isRef as ce, withCtx as R, createVNode as P, createElementBlock as K, Fragment as ve, renderList as Ae, createTextVNode as ke, toDisplayString as F, resolveDirective as I, withDirectives as j, withModifiers as X, normalizeStyle as W, createElementVNode as q, createCommentVNode as G, onMounted as Ne, onBeforeUnmount as Oe, watch as le, mergeModels as Z, useModel as z, useId as $e, onUnmounted as we, mergeProps as be, withKeys as Be, useTemplateRef as Ge, watchEffect as He, h as x, renderSlot as kt, reactive as _t } from "vue";
-import { useI18n as oe } from "vue-i18n";
-import { useViewStack as _e, useColor as ee, globalObjects as xt, useSystem as ue, eventBus as me, injectDark as St, injectLocale as Vt, openNumberDlg as Ye, openPromptDlg as Ct } from "x-essential-lib";
-import { getPropertyDefault as J, pkgs as qe, getPropertyTag as Ut, elements as $t, makeSlotId as Xe, parsePixelStr as wt, parsePercentStr as bt } from "x-runtime-lib";
-import { c as We, i as Me, r as pe, d as Qe, v as Ze } from "./vendor.f0ug048x.js";
+import { provide as re, inject as ae, defineComponent as E, ref as O, computed as A, resolveComponent as $, createBlock as B, openBlock as k, unref as M, isRef as ue, withCtx as K, createVNode as w, createElementBlock as q, Fragment as me, renderList as Me, createTextVNode as ge, toDisplayString as J, resolveDirective as ee, withDirectives as Z, withModifiers as X, normalizeStyle as G, createElementVNode as D, createCommentVNode as Y, onMounted as Oe, onBeforeUnmount as Be, watch as ie, useModel as F, useId as _e, onUnmounted as Se, withKeys as Pe, mergeProps as Ve, mergeModels as j, useTemplateRef as Ye, watchEffect as He, h as S, renderSlot as St, reactive as Vt } from "vue";
+import { useI18n as ne } from "vue-i18n";
+import { useViewStack as ye, useColor as I, globalObjects as Ct, useSystem as le, eventBus as fe, injectDark as $t, injectLocale as Ut, openNumberDlg as We, openPromptDlg as bt } from "x-essential-lib";
+import { getPropertyDefault as H, pkgs as qe, getPropertyTag as wt, elements as Mt, makeSlotId as Fe, parsePixelStr as Pt, parsePercentStr as Lt } from "x-runtime-lib";
+import { c as Qe, i as Le, r as pe, d as Ze, v as je } from "./vendor.f0ug048x.js";
 import { globalState as Ke } from "x-state-lib";
-import { useDisplay as je } from "vuetify";
-import { XBlockly as Mt } from "x-block-lib";
-const Fe = (t) => !(t instanceof Array), Te = (t) => t instanceof Array, Pt = (t, s) => {
+import { useDisplay as Re } from "vuetify";
+import { XBlockly as At } from "x-block-lib";
+const ze = (t) => !(t instanceof Array), Ne = (t) => t instanceof Array, Dt = (t, s) => {
   const l = (e, n) => {
     if (e.ui !== n.ui || e.array !== n.array)
       return !1;
@@ -20,7 +20,7 @@ const Fe = (t) => !(t instanceof Array), Te = (t) => t instanceof Array, Pt = (t
     return !0;
   };
   return l(t, s);
-}, Ce = (t, s) => {
+}, be = (t, s) => {
   let l = {
     key: "",
     name: "",
@@ -42,7 +42,7 @@ const Fe = (t) => !(t instanceof Array), Te = (t) => t instanceof Array, Pt = (t
       l = l.children.find((n) => n.key === e);
     }
   }), l;
-}, he = (t, s) => {
+}, xe = (t, s) => {
   let l = t;
   return s.forEach((e) => {
     if (!l) {
@@ -55,35 +55,35 @@ const Fe = (t) => !(t instanceof Array), Te = (t) => t instanceof Array, Pt = (t
   if (n !== void 0)
     if (o) {
       if (l[s.key] === void 0) {
-        const i = J(s);
+        const i = H(s);
         i !== void 0 && (l[s.key] = i, e(t, l[s.key]));
       }
       return l[s.key];
     } else {
       if (l[n] === void 0) {
-        const i = J(s, !0);
+        const i = H(s, !0);
         i !== void 0 && (l[n] = i, e(t, l[n]));
       }
       return l[n];
     }
   else {
     if (l[s.key] === void 0) {
-      const i = J(s);
+      const i = H(s);
       i !== void 0 && (l[s.key] = i, e(t, l[s.key]));
     }
     return l[s.key];
   }
-}, se = (t, s, l, e, n, o, i) => {
+}, oe = (t, s, l, e, n, o, i) => {
   if (o !== void 0)
     i ? e !== l[s.key] && (l[s.key] = e, n(t, l[s.key])) : e !== l[o] && (l[o] = e, n(t, l[o]));
   else {
-    let u = e;
-    (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "compSelect") && (e || (u = void 0)), u !== l[s.key] && (l[s.key] = u, n(t, l[s.key]));
+    let r = e;
+    (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "compSelect") && (e || (r = void 0)), r !== l[s.key] && (l[s.key] = r, n(t, l[s.key]));
   }
-}, Re = (t) => !(t instanceof Array), Pe = (t) => t instanceof Array, Dt = [
+}, Ee = (t) => !(t instanceof Array), Ae = (t) => t instanceof Array, Tt = [
   ["basic", "id"],
   ["basic", "name"]
-], Lt = (t) => Dt.find((s) => Me(t, s)), De = (t, s, l, e, n, o, i) => (t = We(t), o !== void 0 ? (t.push(o), i && t.push(s.key)) : t.push(s.key), Lt(t) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && Pe(e.children) ? Nt(
+], Nt = (t) => Tt.find((s) => Le(t, s)), De = (t, s, l, e, n, o, i) => (t = Qe(t), o !== void 0 ? (t.push(o), i && t.push(s.key)) : t.push(s.key), Nt(t) ? (e.change = !1, e.change) : s.ui ? s.array && e.children && Ae(e.children) ? qt(
   t,
   s,
   l,
@@ -91,13 +91,13 @@ const Fe = (t) => !(t instanceof Array), Te = (t) => t instanceof Array, Pt = (t
   n,
   o,
   i
-) : Ot(
+) : Kt(
   s,
   l,
   e,
   o,
   i
-) : s.array ? Tt(
+) : s.array ? Ot(
   t,
   s,
   l,
@@ -105,7 +105,7 @@ const Fe = (t) => !(t instanceof Array), Te = (t) => t instanceof Array, Pt = (t
   n,
   o,
   i
-) : At(
+) : Bt(
   t,
   s,
   l,
@@ -113,7 +113,7 @@ const Fe = (t) => !(t instanceof Array), Te = (t) => t instanceof Array, Pt = (t
   n,
   o,
   i
-)), Tt = (t, s, l, e, n, o, i) => {
+)), Ot = (t, s, l, e, n, o, i) => {
   if (s.ui)
     return console.assert(!1, "execPropertyBranchArray property ui must be invalid"), !1;
   if (!s.array)
@@ -121,21 +121,21 @@ const Fe = (t) => !(t instanceof Array), Te = (t) => t instanceof Array, Pt = (t
       !1,
       "execPropertyBranchArray property array must be valid"
     ), !1;
-  if (!e.children || !Pe(e.children))
+  if (!e.children || !Ae(e.children))
     return console.assert(
       !1,
       "execPropertyBranchArray state children must be array"
     ), !1;
-  let u;
-  o !== void 0 && !i ? (l[o] instanceof Array || (l[o] = J(s), n?.(t, l[o])), u = l[o]) : (l[s.key] instanceof Array || (l[s.key] = J(s), n?.(t, l[s.key])), u = l[s.key]), e.change = !1;
-  for (let r = 0; r < u.length; r++) {
+  let r;
+  o !== void 0 && !i ? (l[o] instanceof Array || (l[o] = H(s), n?.(t, l[o])), r = l[o]) : (l[s.key] instanceof Array || (l[s.key] = H(s), n?.(t, l[s.key])), r = l[s.key]), e.change = !1;
+  for (let u = 0; u < r.length; u++) {
     e.children.push({
       change: !1,
       children: {}
     });
-    const a = e.children[r];
+    const a = e.children[u];
     s.children.forEach((c) => {
-      if (!a.children || !Re(a.children)) {
+      if (!a.children || !Ee(a.children)) {
         console.assert(!1);
         return;
       }
@@ -145,16 +145,16 @@ const Fe = (t) => !(t instanceof Array), Te = (t) => t instanceof Array, Pt = (t
       }, De(
         t,
         c,
-        u[r],
+        r[u],
         a.children[c.key],
         n,
-        r,
+        u,
         !0
       ) && (a.change = !0), a.change && (e.change = !0);
     });
   }
-  return e.change || (e.change = !Me(u, J(s))), e.change;
-}, At = (t, s, l, e, n, o, i) => {
+  return e.change || (e.change = !Le(r, H(s))), e.change;
+}, Bt = (t, s, l, e, n, o, i) => {
   if (s.ui)
     return console.assert(
       !1,
@@ -165,47 +165,47 @@ const Fe = (t) => !(t instanceof Array), Te = (t) => t instanceof Array, Pt = (t
       !1,
       "execPropertyBranchScalar property array must be invalid"
     ), !1;
-  if (!e.children || !Re(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 ? (l[o] || (l[o] = {}), u = l[o]) : (l[s.key] || (l[s.key] = {}), u = l[s.key]), e.change = !1;
-  for (let r = 0; r < s.children.length; r++) {
-    const a = s.children[r];
+  let r;
+  o !== void 0 && !i ? (l[o] || (l[o] = {}), r = l[o]) : (l[s.key] || (l[s.key] = {}), r = l[s.key]), e.change = !1;
+  for (let u = 0; u < s.children.length; u++) {
+    const a = s.children[u];
     e.children[a.key] = {
       change: !1,
       children: a.array ? [] : {}
-    }, De(t, a, u, e.children[a.key], n) && (e.change = !0);
+    }, De(t, a, r, e.children[a.key], n) && (e.change = !0);
   }
   return e.change;
-}, Nt = (t, s, l, e, n, o, i) => {
+}, qt = (t, s, l, e, n, 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 || !Ae(e.children))
     return console.assert(!1, "execPropertyLeafArray state children must be array"), !1;
-  let u;
-  o !== void 0 && !i ? (l[o] instanceof Array || (l[o] = J(s), n?.(t, l[o])), u = l[o]) : (l[s.key] instanceof Array || (l[s.key] = J(s), n?.(t, l[s.key])), u = l[s.key]), e.change = !1;
-  for (let r = 0; r < u.length; r++)
-    e.children[r] = {
+  let r;
+  o !== void 0 && !i ? (l[o] instanceof Array || (l[o] = H(s), n?.(t, l[o])), r = l[o]) : (l[s.key] instanceof Array || (l[s.key] = H(s), n?.(t, l[s.key])), r = l[s.key]), e.change = !1;
+  for (let u = 0; u < r.length; u++)
+    e.children[u] = {
       change: !1,
       children: {}
     }, De(
       t,
       s,
-      u,
-      e.children[r],
-      n,
       r,
+      e.children[u],
+      n,
+      u,
       !1
     ) && (e.change = !0);
-  return e.change || (e.change = !Me(u, J(s))), e.change;
-}, Ot = (t, s, l, e, n) => {
+  return e.change || (e.change = !Le(r, H(s))), e.change;
+}, Kt = (t, s, l, e, n) => {
   if (!t.ui)
     return console.assert(!1, "execPropertyLeafScalar property ui must be valid"), !1;
   let o;
-  return e !== void 0 && !n ? o = s[e] : o = s[t.key], l.change = !Me(o, J(t, !0)), l.change;
-}, ze = (t, s, l, e) => {
+  return e !== void 0 && !n ? o = s[e] : o = s[t.key], l.change = !Le(o, H(t, !0)), l.change;
+}, Ge = (t, s, l, e) => {
   if (s.length <= 0 || !l) {
     t.value = {};
     return;
@@ -217,7 +217,7 @@ const Fe = (t) => !(t instanceof Array), Te = (t) => t instanceof Array, Pt = (t
       children: o.array ? [] : {}
     }, De([], o, l, n[o.key], e);
   }), t.value = n;
-}, fe = (t, s) => {
+}, ve = (t, s) => {
   let l = {
     change: !1,
     children: t
@@ -227,165 +227,168 @@ const Fe = (t) => !(t instanceof Array), Te = (t) => t instanceof Array, Pt = (t
       return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
     if (!l.children)
       return console.assert(!1, `isPropChanged state must be valid keys=${s}`), !1;
-    typeof e == "string" ? Re(l.children) && (l = l.children[e]) : Pe(l.children) && (l = l.children[e]);
+    typeof e == "string" ? Ee(l.children) && (l = l.children[e]) : Ae(l.children) && (l = l.children[e]);
   }), l?.change ?? !1;
-}, Ie = Symbol(), et = Symbol(), tt = Symbol(), nt = Symbol(), lt = Symbol(), ot = Symbol(), Bt = Symbol(), st = Symbol();
-function qt(t) {
-  ie(Ie, t);
-}
-function Ee() {
-  return de(Ie);
-}
-function Kt(t) {
-  ie(et, t);
+}, Ie = Symbol(), et = Symbol(), tt = Symbol(), nt = Symbol(), lt = Symbol(), ot = Symbol(), st = Symbol(), it = Symbol();
+function Rt(t) {
+  re(Ie, t);
 }
-function Rt() {
-  return de(et);
+function Je() {
+  return ae(Ie);
 }
 function Et(t) {
-  ie(tt, t);
+  re(et, t);
 }
 function Jt() {
-  return de(tt);
+  return ae(et);
 }
-function Ht(t) {
-  ie(nt, t);
+function Xt(t) {
+  re(tt, t);
 }
-function Xt() {
-  return de(nt);
+function Ht() {
+  return ae(tt);
 }
 function Ft(t) {
-  ie(lt, t);
+  re(nt, t);
 }
 function zt() {
-  return de(lt);
+  return ae(nt);
 }
 function Gt(t) {
-  ie(ot, t);
+  re(lt, t);
 }
-function it() {
-  return de(ot);
-}
-function Yt(t) {
-  ie(Bt, t);
+function Yt() {
+  return ae(lt);
 }
 function Wt(t) {
-  ie(st, t);
+  re(ot, t);
 }
 function ut() {
-  return de(st);
+  return ae(ot);
+}
+function Qt(t) {
+  re(st, t);
+}
+function rt() {
+  return ae(st);
+}
+function Zt(t) {
+  re(it, t);
 }
-const Qt = /* @__PURE__ */ E({
+function at() {
+  return ae(it);
+}
+const jt = /* @__PURE__ */ E({
   __name: "index",
   setup(t) {
-    const { t: s } = oe(), l = Rt(), e = Jt(), n = Xt(), o = zt(), i = A(0), u = A(0), r = A([]), a = N(() => [i.value, u.value]), c = (_) => {
-      const b = () => !(r.value.length <= 0 || !fe(n.value, r.value)), U = () => {
-        const g = Ce(l.value, r.value);
-        if (g)
-          if (g.ui) {
-            const $ = he(e.value, r.value.slice(0, -1));
-            if (!$)
+    const { t: s } = ne(), l = Jt(), e = Ht(), n = zt(), o = Yt(), i = O(0), r = O(0), u = O([]), a = A(() => [i.value, r.value]), c = (x) => {
+      const U = () => !(u.value.length <= 0 || !ve(n.value, u.value)), g = () => {
+        const V = be(l.value, u.value);
+        if (V)
+          if (V.ui) {
+            const P = xe(e.value, u.value.slice(0, -1));
+            if (!P)
               return;
-            $[r.value[r.value.length - 1]] = J(g), o(r.value, $[r.value[r.value.length - 1]]);
-          } else if (g.array) {
-            const $ = r.value[r.value.length - 1];
-            if ($ === void 0) {
+            P[u.value[u.value.length - 1]] = H(V), o(u.value, P[u.value[u.value.length - 1]]);
+          } else if (V.array) {
+            const P = u.value[u.value.length - 1];
+            if (P === void 0) {
               console.assert(!1, "invalid last key");
               return;
             }
-            if (typeof $ == "string") {
-              const L = he(e.value, r.value.slice(0, -1));
-              if (!L)
+            if (typeof P == "string") {
+              const T = xe(e.value, u.value.slice(0, -1));
+              if (!T)
                 return;
-              L[r.value[r.value.length - 1]] = J(g), o(r.value, L[r.value[r.value.length - 1]]);
+              T[u.value[u.value.length - 1]] = H(V), o(u.value, T[u.value[u.value.length - 1]]);
             } else {
-              const L = he(e.value, r.value);
-              if (!L)
+              const T = xe(e.value, u.value);
+              if (!T)
                 return;
-              g.children.forEach((Q) => {
-                L[Q.key] = J(g), o([...r.value, Q.key], L[Q.key]);
+              V.children.forEach((Q) => {
+                T[Q.key] = H(V), o([...u.value, Q.key], T[Q.key]);
               });
             }
           } else {
-            const $ = he(e.value, r.value);
-            if (!$)
+            const P = xe(e.value, u.value);
+            if (!P)
               return;
-            g.children.forEach((L) => {
-              $[L.key] = J(g), o([...r.value, L.key], $[L.key]);
+            V.children.forEach((T) => {
+              P[T.key] = H(V), o([...u.value, T.key], P[T.key]);
             });
           }
       };
-      b() && _.push({
+      U() && x.push({
         title: s("x-prop-tree.reset"),
-        func: U
+        func: g
       });
-    }, d = (_) => {
-      const b = () => {
-        const U = Ce(l.value, r.value), g = he(e.value, r.value);
-        localStorage.setItem("propTreeCopy", JSON.stringify({ property: U, object: g }));
+    }, v = (x) => {
+      const U = () => {
+        const g = be(l.value, u.value), V = xe(e.value, u.value);
+        localStorage.setItem("propTreeCopy", JSON.stringify({ property: g, object: V }));
       };
-      _.push({
+      x.push({
         title: s("x-prop-tree.copy"),
-        func: b
+        func: U
       });
-    }, f = (_) => {
-      const b = () => {
-        const g = localStorage.getItem("propTreeCopy");
-        if (!g)
+    }, m = (x) => {
+      const U = () => {
+        const V = localStorage.getItem("propTreeCopy");
+        if (!V)
           return !1;
         try {
-          const { property: $ } = JSON.parse(g);
-          if (!$)
+          const { property: P } = JSON.parse(V);
+          if (!P)
             return !1;
-          const L = Ce(l.value, r.value);
-          return Pt($, L);
-        } catch ($) {
-          console.error($);
+          const T = be(l.value, u.value);
+          return Dt(P, T);
+        } catch (P) {
+          console.error(P);
         }
         return !1;
-      }, U = () => {
-        if (!b())
+      }, g = () => {
+        if (!U())
           return;
-        const g = localStorage.getItem("propTreeCopy");
-        if (g)
+        const V = localStorage.getItem("propTreeCopy");
+        if (V)
           try {
-            const { object: $ } = JSON.parse(g), L = Ce(l.value, r.value);
-            console.log($, L);
-          } catch ($) {
-            console.error($);
+            const { object: P } = JSON.parse(V), T = be(l.value, u.value);
+            console.log(P, T);
+          } catch (P) {
+            console.error(P);
           }
       };
-      b() && _.push({
+      U() && x.push({
         title: s("x-prop-tree.paste"),
-        func: U
+        func: g
       });
-    }, v = N(() => {
-      const _ = [];
-      return c(_), d(_), f(_), _;
-    }), p = (_) => {
-      i.value = _.x, u.value = _.y, r.value = _.keys;
-    }, { open: C } = _e("propTreeMenu", p);
-    return (_, b) => {
-      const U = V("v-list-item-title"), g = V("v-list-item"), $ = V("v-list"), L = V("v-menu");
-      return S(), B(L, {
-        modelValue: D(C),
-        "onUpdate:modelValue": b[0] || (b[0] = (Q) => ce(C) ? C.value = Q : null),
+    }, p = A(() => {
+      const x = [];
+      return c(x), v(x), m(x), x;
+    }), d = (x) => {
+      i.value = x.x, r.value = x.y, u.value = x.keys;
+    }, { open: C } = ye("propTreeMenu", d);
+    return (x, U) => {
+      const g = $("v-list-item-title"), V = $("v-list-item"), P = $("v-list"), T = $("v-menu");
+      return k(), B(T, {
+        modelValue: M(C),
+        "onUpdate:modelValue": U[0] || (U[0] = (Q) => ue(C) ? C.value = Q : null),
         "location-strategy": "connected",
         scrim: "transparent",
         target: a.value
       }, {
-        default: R(() => [
-          P($, null, {
-            default: R(() => [
-              (S(!0), K(ve, null, Ae(v.value, (Q, ge) => (S(), B(g, {
-                key: ge,
+        default: K(() => [
+          w(P, null, {
+            default: K(() => [
+              (k(!0), q(me, null, Me(p.value, (Q, he) => (k(), B(V, {
+                key: he,
                 link: "",
                 onClick: Q.func
               }, {
-                default: R(() => [
-                  P(U, null, {
-                    default: R(() => [
-                      ke(F(Q.title), 1)
+                default: K(() => [
+                  w(g, null, {
+                    default: K(() => [
+                      ge(J(Q.title), 1)
                     ]),
                     _: 2
                   }, 1024)
@@ -400,7 +403,7 @@ const Qt = /* @__PURE__ */ E({
       }, 8, ["modelValue", "target"]);
     };
   }
-}), Zt = { style: { pointerEvents: "none" } }, Ue = /* @__PURE__ */ E({
+}), It = { style: { pointerEvents: "none" } }, we = /* @__PURE__ */ E({
   __name: "index",
   props: {
     title: {},
@@ -411,154 +414,154 @@ const Qt = /* @__PURE__ */ E({
   },
   emits: ["collapse", "menu", "create", "delete"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = ee(), n = s, o = A(!1), i = N(() => ({
+    const { backgroundColor2: l, highlightColor: e } = I(), n = s, o = O(!1), i = A(() => ({
       background: o.value ? e.value : l.value,
       height: "36px",
       marginBottom: "1px",
       userSelect: "none"
-    })), u = () => {
+    })), r = () => {
       n("collapse", !t.collapse);
-    }, r = (a) => {
+    }, u = (a) => {
       n("menu", a.clientX, a.clientY);
     };
     return (a, c) => {
-      const d = V("v-icon"), f = V("v-spacer"), v = V("v-btn"), p = I("ripple");
-      return j((S(), K("div", {
+      const v = $("v-icon"), m = $("v-spacer"), p = $("v-btn"), d = ee("ripple");
+      return Z((k(), q("div", {
         class: "d-flex align-center cursor-pointer",
-        style: W(i.value),
-        onClick: u,
-        onContextmenu: X(r, ["self", "prevent"]),
+        style: G(i.value),
+        onClick: r,
+        onContextmenu: X(u, ["self", "prevent"]),
         onMouseout: c[2] || (c[2] = (C) => o.value = !1),
         onMouseover: c[3] || (c[3] = (C) => o.value = !0)
       }, [
-        P(d, {
+        w(v, {
           class: "mr-1",
           icon: t.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
         }, null, 8, ["icon"]),
-        q("span", Zt, F(t.title), 1),
-        P(f),
-        t.hasCreate ? (S(), B(v, {
+        D("span", It, J(t.title), 1),
+        w(m),
+        t.hasCreate ? (k(), B(p, {
           key: 0,
           class: "mx-3",
           density: "compact",
           icon: "mdi-plus",
           variant: "text",
           onClick: c[0] || (c[0] = X((C) => n("create"), ["stop"]))
-        })) : G("", !0),
-        t.hasDelete ? (S(), B(v, {
+        })) : Y("", !0),
+        t.hasDelete ? (k(), B(p, {
           key: 1,
           class: "mx-3",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
           onClick: c[1] || (c[1] = X((C) => n("delete", t.index), ["stop"]))
-        })) : G("", !0)
+        })) : Y("", !0)
       ], 36)), [
-        [p]
+        [d]
       ]);
     };
   }
 });
-function jt(t, s, l) {
-  const { i18n: e } = xt, n = A([]);
-  Wt(n);
+function en(t, s, l) {
+  const { i18n: e } = Ct, n = O([]);
+  Zt(n);
   const o = () => {
     if (!t.value || !s.value || !l.value)
       return [];
     const c = qe[t.value];
     if (!c)
       return console.assert(!1, `invalid version=${t.value}`), [];
-    const d = Ut(s.value, l.value), f = [];
-    for (let _ = 0; _ < c.groups[d].length; _++) {
-      const b = c.groups[d][_], U = pe(n, b.key);
-      f.push({
-        id: b.key,
+    const v = wt(s.value, l.value), m = [];
+    for (let x = 0; x < c.groups[v].length; x++) {
+      const U = c.groups[v][x], g = pe(n, U.key);
+      m.push({
+        id: U.key,
         type: 0,
-        name: e.global.t(b.name),
-        position: _,
-        collapse: U?.collapse ?? !0,
+        name: e.global.t(U.name),
+        position: x,
+        collapse: g?.collapse ?? !0,
         count: 0
       });
-      let g = 0;
-      for (const $ of b.items) {
-        const L = $t[$];
-        if (L && !L.internal && L.slots)
-          for (const Q of L.slots) {
-            const ge = Xe("elementSlot", L.key, Q.key), Le = `${e.global.t(L.name)} / ${e.global.t(Q.name)}`;
-            f.push({
-              id: ge,
+      let V = 0;
+      for (const P of U.items) {
+        const T = Mt[P];
+        if (T && !T.internal && T.slots)
+          for (const Q of T.slots) {
+            const he = Fe("elementSlot", T.key, Q.key), Te = `${e.global.t(T.name)} / ${e.global.t(Q.name)}`;
+            m.push({
+              id: he,
               type: 1,
-              name: Le,
-              position: g++,
-              group: b.key
+              name: Te,
+              position: V++,
+              group: U.key
             });
           }
       }
     }
-    const { activeApp: v, depends: p } = Ke.app;
-    for (const { id: _, name: b, position: U } of v.compGroups) {
-      const g = pe(n, _);
-      f.push({
-        id: _,
+    const { activeApp: p, depends: d } = Ke.app;
+    for (const { id: x, name: U, position: g } of p.compGroups) {
+      const V = pe(n, x);
+      m.push({
+        id: x,
         type: 0,
-        name: b,
-        position: U,
-        collapse: g?.collapse ?? !0
+        name: U,
+        position: g,
+        collapse: V?.collapse ?? !0
       });
     }
     let C = 0;
-    for (const _ of v.comps) {
-      const b = p[_.id];
-      if (b && b.meta.slots)
-        for (const U of b.meta.slots) {
-          const g = Xe("customSlot", _.id, U.id), $ = `${_.name} / ${U.name}`;
-          f.push({
-            id: g,
+    for (const x of p.comps) {
+      const U = d[x.id];
+      if (U && U.meta.slots)
+        for (const g of U.meta.slots) {
+          const V = Fe("customSlot", x.id, g.id), P = `${x.name} / ${g.name}`;
+          m.push({
+            id: V,
             type: 1,
-            name: $,
+            name: P,
             position: C++,
-            group: _.groupId
+            group: x.groupId
           });
         }
     }
-    return Qe(f, !0), f;
+    return Ze(m, !0), m;
   }, i = () => {
     n.value = o();
   };
-  let u;
-  const r = () => {
-    clearTimeout(u), u = window.setTimeout(() => {
-      i(), u && r();
+  let r;
+  const u = () => {
+    clearTimeout(r), r = window.setTimeout(() => {
+      i(), r && u();
     }, 1e3);
   }, a = () => {
-    clearTimeout(u), u = void 0;
+    clearTimeout(r), r = void 0;
   };
-  Ne(() => {
-    r();
-  }), Oe(() => {
+  Oe(() => {
+    u();
+  }), Be(() => {
     a();
-  }), le([t, s, l], () => {
-    i(), r();
+  }), ie([t, s, l], () => {
+    i(), u();
   });
 }
-function It() {
-  const t = A([]);
-  Gt(t);
+function tn() {
+  const t = O([]);
+  Wt(t);
   const s = () => {
-    const { activeApp: o, depends: i } = Ke.app, u = [];
-    for (const { id: r, name: a, position: c } of o.compGroups) {
-      const d = t.value.find((f) => f.id === r);
-      u.push({
-        id: r,
+    const { activeApp: o, depends: i } = Ke.app, r = [];
+    for (const { id: u, name: a, position: c } of o.compGroups) {
+      const v = t.value.find((m) => m.id === u);
+      r.push({
+        id: u,
         type: 0,
         name: a,
         position: c,
-        collapse: d?.collapse ?? !0
+        collapse: v?.collapse ?? !0
       });
     }
-    for (const { id: r, groupId: a, name: c, position: d } of o.comps)
-      i[r] && u.push({ id: r, type: 1, name: c, position: d, group: a });
-    Qe(u, !0), t.value = u;
+    for (const { id: u, groupId: a, name: c, position: v } of o.comps)
+      i[u] && r.push({ id: u, type: 1, name: c, position: v, group: a });
+    Ze(r, !0), t.value = r;
   };
   let l;
   const e = () => {
@@ -568,25 +571,25 @@ function It() {
   }, n = () => {
     clearTimeout(l), l = void 0;
   };
-  Ne(() => {
+  Oe(() => {
     e();
-  }), Oe(() => {
+  }), Be(() => {
     n();
   });
 }
-function en() {
-  const t = A([]);
-  Yt(t);
+function nn() {
+  const t = O([]);
+  Qt(t);
   const s = () => {
-    const { activeObject: i, activeComp: u } = Ke.app;
+    const { activeObject: i, activeComp: r } = Ke.app;
     if (i.type !== "comp")
       return [];
-    if (!u.meta.slots)
+    if (!r.meta.slots)
       return [];
-    const r = [];
-    for (const { id: a, name: c } of u.meta.slots)
-      r.push({ id: a, name: c });
-    return r;
+    const u = [];
+    for (const { id: a, name: c } of r.meta.slots)
+      u.push({ id: a, name: c });
+    return u;
   }, l = () => {
     t.value = s();
   };
@@ -598,71 +601,285 @@ function en() {
   }, o = () => {
     clearTimeout(e), e = void 0;
   };
-  Ne(() => {
+  Oe(() => {
     n();
-  }), Oe(() => {
+  }), Be(() => {
     o();
   });
 }
-const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__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: l, highlightColor: e } = I(), n = t, o = s, i = O(!1), r = A(() => ({
+      background: i.value ? e.value : l.value,
+      height: "30px",
+      marginBottom: "1px",
+      userSelect: "none"
+    }));
+    return (u, a) => {
+      const c = $("v-icon"), v = ee("ripple");
+      return Z((k(), q("div", {
+        class: "d-flex align-center cursor-pointer",
+        style: G(r.value),
+        onClick: a[0] || (a[0] = (m) => o("x-click", n.id)),
+        onMouseout: a[1] || (a[1] = (m) => i.value = !1),
+        onMouseover: a[2] || (a[2] = (m) => i.value = !0)
+      }, [
+        w(c, {
+          icon: n.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
+          size: "small"
+        }, null, 8, ["icon"]),
+        D("span", ln, J(n.title), 1),
+        D("span", on, J(n.count), 1)
+      ], 36)), [
+        [v]
+      ]);
+    };
+  }
+}), un = { class: "text-subtitle-1 ml-6" }, rn = /* @__PURE__ */ E({
+  __name: "item",
+  props: {
+    id: {},
+    title: {}
+  },
+  emits: ["x-click"],
+  setup(t, { emit: s }) {
+    const { backgroundColor2: l, highlightColor: e } = I(), n = s, o = O(!1), i = A(() => ({
+      background: o.value ? e.value : l.value,
+      height: "48px",
+      marginBottom: "1px",
+      userSelect: "none"
+    }));
+    return (r, u) => {
+      const a = ee("ripple");
+      return Z((k(), q("div", {
+        class: "d-flex align-center cursor-pointer",
+        style: G(i.value),
+        onClick: u[0] || (u[0] = (c) => n("x-click", t.id)),
+        onMouseout: u[1] || (u[1] = (c) => o.value = !1),
+        onMouseover: u[2] || (u[2] = (c) => o.value = !0)
+      }, [
+        D("span", un, J(t.title), 1)
+      ], 36)), [
+        [a]
+      ]);
+    };
+  }
+}), 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 } = le(), l = F(t, "modelValue"), e = F(t, "open"), n = at(), o = (r) => {
+      const u = pe(n, r);
+      u && je(n, r, !u.collapse);
+    }, i = (r) => {
+      l.value = r, e.value = !1;
+    };
+    return (r, u) => M(n).length > 0 ? (k(), q("div", an, [
+      (k(!0), q(me, null, Me(M(n), (a) => (k(), q(me, {
+        key: a.id
+      }, [
+        a.type === 0 ? (k(), 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 ? (k(), B(rn, {
+          key: 1,
+          id: a.id,
+          title: a.name,
+          onXClick: i
+        }, null, 8, ["id", "title"])) : Y("", !0)
+      ], 64))), 128))
+    ])) : (k(), q("div", cn, J(M(s)(["x-prop-tree.no", "x-prop-tree.adapt", "x-prop-tree.slot"])), 1));
+  }
+}), mn = { class: "text-subtitle-1" }, fn = /* @__PURE__ */ E({
+  __name: "index",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const { t: s } = ne(), l = Re(), { sysBarAvail: e, nameList: n } = le(), { backgroundColor1: o } = I(), i = F(t, "modelValue"), r = at(), u = A(() => {
+      let p = "100%";
+      return l.mdAndUp.value && (p = "400px"), {
+        background: o.value,
+        width: p,
+        height: "100%"
+      };
+    }), a = A(() => {
+      let p = 48;
+      return e.value && (p += 24), {
+        position: "relative",
+        height: `calc(100% - ${p}px)`
+      };
+    }), c = A(() => ({
+      height: "60px"
+    })), v = A(() => {
+      if (!i.value)
+        return s("x-runtime-lib.notSet");
+      const p = pe(r, i.value);
+      return p ? p.name : s("x-runtime-lib.slotNotAvail");
+    }), { open: m } = ye(`propTreeAdaptSlotSelectDlg${_e()}`);
+    return Se(() => {
+      m.value = !1;
+    }), (p, d) => {
+      const C = $("v-btn"), x = $("v-sheet"), U = $("v-dialog");
+      return k(), B(U, {
+        modelValue: M(m),
+        "onUpdate:modelValue": d[5] || (d[5] = (g) => ue(m) ? m.value = g : null),
+        fullscreen: "",
+        "no-click-animation": "",
+        persistent: "",
+        transition: "scroll-x-reverse-transition",
+        onKeydown: d[6] || (d[6] = Pe(X((g) => m.value = !1, ["stop", "prevent"]), ["esc"]))
+      }, {
+        activator: K(({ props: g }) => [
+          w(C, Ve(g, {
+            block: "",
+            density: "comfortable"
+          }), {
+            default: K(() => [
+              ge(J(v.value), 1)
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        default: K(() => [
+          D("div", {
+            class: "w-100 h-100 d-flex flex-row-reverse",
+            onClick: d[3] || (d[3] = X((g) => m.value = !1, ["self"])),
+            onContextmenu: d[4] || (d[4] = X((g) => m.value = !1, ["self", "prevent"]))
+          }, [
+            D("div", {
+              class: "elevation-2",
+              style: G(u.value)
+            }, [
+              M(e) ? (k(), B(x, {
+                key: 0,
+                color: "transparent",
+                height: 24
+              })) : Y("", !0),
+              w(x, {
+                class: "d-flex align-center px-3",
+                color: "transparent",
+                height: 48
+              }, {
+                default: K(() => [
+                  w(C, {
+                    density: "comfortable",
+                    icon: "mdi-close",
+                    variant: "text",
+                    onClick: d[0] || (d[0] = (g) => m.value = !1)
+                  }),
+                  D("span", mn, J(M(n)([
+                    "x-prop-tree.select",
+                    "x-prop-tree.adapt",
+                    "x-prop-tree.slot"
+                  ])), 1)
+                ]),
+                _: 1
+              }),
+              D("div", {
+                class: "overflow-y-auto",
+                style: G(a.value)
+              }, [
+                w(dn, {
+                  modelValue: i.value,
+                  "onUpdate:modelValue": d[1] || (d[1] = (g) => i.value = g),
+                  open: M(m),
+                  "onUpdate:open": d[2] || (d[2] = (g) => ue(m) ? m.value = g : null)
+                }, null, 8, ["modelValue", "open"]),
+                D("div", {
+                  style: G(c.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({
+  props: /* @__PURE__ */ j({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ j(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { t: l } = oe(), e = z(t, "modelValue"), n = s, o = N(() => {
-      let r = "100%";
-      return t.hasDelete && (r = "calc(100% - 37px)"), {
-        width: r
+    const { t: l } = ne(), e = F(t, "modelValue"), n = s, o = A(() => {
+      let u = "100%";
+      return t.hasDelete && (u = "calc(100% - 37px)"), {
+        width: u
       };
-    }), i = N(() => t.readonly), { open: u } = _e(`propTreeColorPickerMenu${$e()}`);
-    return we(() => {
-      u.value = !1;
-    }), (r, a) => {
-      const c = V("v-btn"), d = V("v-color-picker"), f = V("v-menu");
-      return S(), B(f, {
-        modelValue: D(u),
-        "onUpdate:modelValue": a[2] || (a[2] = (v) => ce(u) ? u.value = v : null),
+    }), i = A(() => t.readonly), { open: r } = ye(`propTreeColorPickerMenu${_e()}`);
+    return Se(() => {
+      r.value = !1;
+    }), (u, a) => {
+      const c = $("v-btn"), v = $("v-color-picker"), m = $("v-menu");
+      return k(), B(m, {
+        modelValue: M(r),
+        "onUpdate:modelValue": a[2] || (a[2] = (p) => ue(r) ? r.value = p : null),
         "close-on-content-click": !1,
         scrim: "transparent"
       }, {
-        activator: R(({ props: v }) => [
-          q("div", tn, [
-            q("div", {
+        activator: K(({ props: p }) => [
+          D("div", vn, [
+            D("div", {
               class: "flex-grow-1",
-              style: W(o.value)
+              style: G(o.value)
             }, [
-              P(c, be(v, {
+              w(c, Ve(p, {
                 block: "",
                 color: e.value,
                 density: "comfortable",
                 disabled: i.value
               }), {
-                default: R(() => [
-                  ke(F(e.value ? e.value : D(l)("x-runtime-lib.notSet")), 1)
+                default: K(() => [
+                  ge(J(e.value ? e.value : M(l)("x-runtime-lib.notSet")), 1)
                 ]),
                 _: 1
               }, 16, ["color", "disabled"])
             ], 4),
-            t.hasDelete ? (S(), B(c, {
+            t.hasDelete ? (k(), B(c, {
               key: 0,
               class: "mx-2",
               density: "compact",
               icon: "mdi-minus",
               variant: "text",
-              onClick: a[0] || (a[0] = X((p) => n("delete"), ["stop"]))
-            })) : G("", !0)
+              onClick: a[0] || (a[0] = X((d) => n("delete"), ["stop"]))
+            })) : Y("", !0)
           ])
         ]),
-        default: R(() => [
-          P(d, {
+        default: K(() => [
+          w(v, {
             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"
@@ -672,7 +889,7 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
       }, 8, ["modelValue"]);
     };
   }
-}), ln = { class: "text-subtitle-2 ml-1" }, on = { class: "text-caption text-grey ml-1" }, sn = /* @__PURE__ */ E({
+}), gn = { class: "text-subtitle-2 ml-1" }, yn = { class: "text-caption text-grey ml-1" }, hn = /* @__PURE__ */ E({
   __name: "group",
   props: {
     id: {},
@@ -682,33 +899,33 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
   },
   emits: ["x-click"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = ee(), n = t, o = s, i = A(!1), u = N(() => ({
+    const { backgroundColor2: l, highlightColor: e } = I(), n = t, o = s, i = O(!1), r = A(() => ({
       background: i.value ? e.value : l.value,
       height: "30px",
       marginBottom: "1px",
       userSelect: "none"
     }));
-    return (r, a) => {
-      const c = V("v-icon"), d = I("ripple");
-      return j((S(), K("div", {
+    return (u, a) => {
+      const c = $("v-icon"), v = ee("ripple");
+      return Z((k(), q("div", {
         class: "d-flex align-center cursor-pointer",
-        style: W(u.value),
-        onClick: a[0] || (a[0] = (f) => o("x-click", n.id)),
-        onMouseout: a[1] || (a[1] = (f) => i.value = !1),
-        onMouseover: a[2] || (a[2] = (f) => i.value = !0)
+        style: G(r.value),
+        onClick: a[0] || (a[0] = (m) => o("x-click", n.id)),
+        onMouseout: a[1] || (a[1] = (m) => i.value = !1),
+        onMouseover: a[2] || (a[2] = (m) => i.value = !0)
       }, [
-        P(c, {
+        w(c, {
           icon: n.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
           size: "small"
         }, null, 8, ["icon"]),
-        q("span", ln, F(n.title), 1),
-        q("span", on, F(n.count), 1)
+        D("span", gn, J(n.title), 1),
+        D("span", yn, J(n.count), 1)
       ], 36)), [
-        [d]
+        [v]
       ]);
     };
   }
-}), un = { class: "text-subtitle-1 ml-6" }, rn = /* @__PURE__ */ E({
+}), kn = { class: "text-subtitle-1 ml-6" }, xn = /* @__PURE__ */ E({
   __name: "item",
   props: {
     id: {},
@@ -716,31 +933,31 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
   },
   emits: ["x-click"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = ee(), n = t, o = s, i = A(!1), u = N(() => ({
+    const { backgroundColor2: l, highlightColor: e } = I(), n = t, o = s, i = O(!1), r = A(() => ({
       background: i.value ? e.value : l.value,
       height: "48px",
       marginBottom: "1px",
       userSelect: "none"
     }));
-    return (r, a) => {
-      const c = I("ripple");
-      return j((S(), K("div", {
+    return (u, a) => {
+      const c = ee("ripple");
+      return Z((k(), q("div", {
         class: "d-flex align-center cursor-pointer",
-        style: W(u.value),
-        onClick: a[0] || (a[0] = (d) => o("x-click", n.id)),
-        onMouseout: a[1] || (a[1] = (d) => i.value = !1),
-        onMouseover: a[2] || (a[2] = (d) => i.value = !0)
+        style: G(r.value),
+        onClick: a[0] || (a[0] = (v) => o("x-click", n.id)),
+        onMouseout: a[1] || (a[1] = (v) => i.value = !1),
+        onMouseover: a[2] || (a[2] = (v) => i.value = !0)
       }, [
-        q("span", un, F(n.title), 1)
+        D("span", kn, J(n.title), 1)
       ], 36)), [
         [c]
       ]);
     };
   }
-}), an = { key: 0 }, cn = {
+}), _n = { key: 0 }, Sn = {
   key: 1,
   class: "text-body-2 text-grey ml-3"
-}, dn = /* @__PURE__ */ E({
+}, Vn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: {},
@@ -750,34 +967,34 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
   },
   emits: ["update:modelValue", "update:open"],
   setup(t) {
-    const { nameList: s } = ue(), l = z(t, "modelValue"), e = z(t, "open"), n = it(), o = (u) => {
-      const r = pe(n, u);
-      r && Ze(n, u, !r.collapse);
-    }, i = (u) => {
-      l.value = u, e.value = !1, me.emit("refreshDepends");
+    const { nameList: s } = le(), l = F(t, "modelValue"), e = F(t, "open"), n = ut(), o = (r) => {
+      const u = pe(n, r);
+      u && je(n, r, !u.collapse);
+    }, i = (r) => {
+      l.value = r, e.value = !1, fe.emit("refreshDepends");
     };
-    return (u, r) => D(n).length > 0 ? (S(), K("div", an, [
-      (S(!0), K(ve, null, Ae(D(n), (a) => (S(), K(ve, {
+    return (r, u) => M(n).length > 0 ? (k(), q("div", _n, [
+      (k(!0), q(me, null, Me(M(n), (a) => (k(), q(me, {
         key: a.id
       }, [
-        a.type === 0 ? (S(), B(sn, {
+        a.type === 0 ? (k(), 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 ? (S(), B(rn, {
+        }, null, 8, ["id", "collapse", "count", "title"])) : Y("", !0),
+        a.type === 1 && a.show ? (k(), B(xn, {
           key: 1,
           id: a.id,
           title: a.name,
           onXClick: i
-        }, null, 8, ["id", "title"])) : G("", !0)
+        }, null, 8, ["id", "title"])) : Y("", !0)
       ], 64))), 128))
-    ])) : (S(), K("div", cn, F(D(s)(["no", "comp"])), 1));
+    ])) : (k(), q("div", Sn, J(M(s)(["x-prop-tree.no", "x-prop-tree.comp"])), 1));
   }
-}), mn = { class: "text-subtitle-1 ml-3" }, fn = /* @__PURE__ */ E({
+}), Cn = { class: "text-subtitle-1" }, $n = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: {},
@@ -785,92 +1002,94 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: s } = oe(), l = je(), { sysBarAvail: e, nameList: n } = ue(), { backgroundColor1: o } = ee(), i = z(t, "modelValue"), u = it(), r = N(() => {
-      let v = "100%";
-      return l.mdAndUp.value && (v = "400px"), {
+    const { t: s } = ne(), l = Re(), { sysBarAvail: e, nameList: n } = le(), { backgroundColor1: o } = I(), i = F(t, "modelValue"), r = ut(), u = A(() => {
+      let p = "100%";
+      return l.mdAndUp.value && (p = "400px"), {
         background: o.value,
-        width: v,
+        width: p,
         height: "100%"
       };
-    }), a = N(() => {
-      let v = 48;
-      return e.value && (v += 24), {
+    }), a = A(() => {
+      let p = 48;
+      return e.value && (p += 24), {
         position: "relative",
-        height: `calc(100% - ${v}px)`
+        height: `calc(100% - ${p}px)`
       };
-    }), c = N(() => ({
+    }), c = A(() => ({
       height: "60px"
-    })), d = N(() => {
+    })), v = A(() => {
       if (!i.value)
         return s("x-runtime-lib.notSet");
-      const v = pe(u, i.value);
-      return v ? v.name : s("x-runtime-lib.compNotAvail");
-    }), { open: f } = _e(`propTreeCompSelectDlg${$e()}`);
-    return we(() => {
-      f.value = !1;
-    }), (v, p) => {
-      const C = V("v-btn"), _ = V("v-sheet"), b = V("v-icon"), U = V("v-dialog");
-      return S(), B(U, {
-        modelValue: D(f),
-        "onUpdate:modelValue": p[5] || (p[5] = (g) => ce(f) ? f.value = g : null),
+      const p = pe(r, i.value);
+      return p ? p.name : s("x-runtime-lib.compNotAvail");
+    }), { open: m } = ye(`propTreeCompSelectDlg${_e()}`);
+    return Se(() => {
+      m.value = !1;
+    }), (p, d) => {
+      const C = $("v-btn"), x = $("v-sheet"), U = $("v-dialog");
+      return k(), B(U, {
+        modelValue: M(m),
+        "onUpdate:modelValue": d[5] || (d[5] = (g) => ue(m) ? m.value = g : null),
         fullscreen: "",
         "no-click-animation": "",
         persistent: "",
         transition: "scroll-x-reverse-transition",
-        onKeydown: p[6] || (p[6] = Be(X((g) => f.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: d[6] || (d[6] = Pe(X((g) => m.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: R(({ props: g }) => [
-          P(C, be(g, {
+        activator: K(({ props: g }) => [
+          w(C, Ve(g, {
             block: "",
             density: "comfortable"
           }), {
-            default: R(() => [
-              ke(F(d.value), 1)
+            default: K(() => [
+              ge(J(v.value), 1)
             ]),
             _: 1
           }, 16)
         ]),
-        default: R(() => [
-          q("div", {
+        default: K(() => [
+          D("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
-            onClick: p[3] || (p[3] = X((g) => f.value = !1, ["self"])),
-            onContextmenu: p[4] || (p[4] = X((g) => f.value = !1, ["self", "prevent"]))
+            onClick: d[3] || (d[3] = X((g) => m.value = !1, ["self"])),
+            onContextmenu: d[4] || (d[4] = X((g) => m.value = !1, ["self", "prevent"]))
           }, [
-            q("div", {
+            D("div", {
               class: "elevation-2",
-              style: W(r.value)
+              style: G(u.value)
             }, [
-              D(e) ? (S(), B(_, {
+              M(e) ? (k(), B(x, {
                 key: 0,
                 color: "transparent",
                 height: 24
-              })) : G("", !0),
-              P(_, {
+              })) : Y("", !0),
+              w(x, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
-                default: R(() => [
-                  P(b, {
+                default: K(() => [
+                  w(C, {
+                    density: "comfortable",
                     icon: "mdi-close",
-                    onClick: p[0] || (p[0] = (g) => f.value = !1)
+                    variant: "text",
+                    onClick: d[0] || (d[0] = (g) => m.value = !1)
                   }),
-                  q("span", mn, F(D(n)(["select", "comp"])), 1)
+                  D("span", Cn, J(M(n)(["x-prop-tree.select", "x-prop-tree.comp"])), 1)
                 ]),
                 _: 1
               }),
-              q("div", {
+              D("div", {
                 class: "overflow-y-auto",
-                style: W(a.value)
+                style: G(a.value)
               }, [
-                P(dn, {
+                w(Vn, {
                   modelValue: i.value,
-                  "onUpdate:modelValue": p[1] || (p[1] = (g) => i.value = g),
-                  open: D(f),
-                  "onUpdate:open": p[2] || (p[2] = (g) => ce(f) ? f.value = g : null)
+                  "onUpdate:modelValue": d[1] || (d[1] = (g) => i.value = g),
+                  open: M(m),
+                  "onUpdate:open": d[2] || (d[2] = (g) => ue(m) ? m.value = g : null)
                 }, null, 8, ["modelValue", "open"]),
-                q("div", {
-                  style: W(c.value)
+                D("div", {
+                  style: G(c.value)
                 }, null, 4)
               ], 4)
             ], 4)
@@ -880,7 +1099,7 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
       }, 8, ["modelValue"]);
     };
   }
-}), vn = /* @__PURE__ */ E({
+}), Un = /* @__PURE__ */ E({
   __name: "editor",
   props: {
     modelValue: { required: !0 },
@@ -892,28 +1111,28 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
   },
   emits: ["update:modelValue", "update:lock", "update:scale"],
   setup(t, { expose: s }) {
-    const l = z(t, "modelValue"), e = z(t, "lock"), n = z(t, "scale"), o = St(), i = Vt(), u = Ee(), r = Ge("target"), a = () => {
-      const d = JSON.parse(l.value);
-      r.value?.load(d);
+    const l = F(t, "modelValue"), e = F(t, "lock"), n = F(t, "scale"), o = $t(), i = Ut(), r = Je(), u = Ye("target"), a = () => {
+      const v = JSON.parse(l.value);
+      u.value?.load(v);
     };
     return s({ save: () => {
-      const d = r.value.save();
-      l.value = JSON.stringify(d, null, 2);
-    } }), (d, f) => (S(), B(D(Mt), {
+      const v = u.value.save();
+      l.value = JSON.stringify(v, null, 2);
+    } }), (v, m) => (k(), B(M(At), {
       ref_key: "target",
-      ref: r,
+      ref: u,
       lock: e.value,
-      "onUpdate:lock": f[0] || (f[0] = (v) => e.value = v),
+      "onUpdate:lock": m[0] || (m[0] = (p) => e.value = p),
       scale: n.value,
-      "onUpdate:scale": f[1] || (f[1] = (v) => n.value = v),
-      dark: D(o),
-      locale: D(i),
+      "onUpdate:scale": m[1] || (m[1] = (p) => n.value = p),
+      dark: M(o),
+      locale: M(i),
       type: "json",
-      version: D(u),
+      version: M(r),
       onReady: a
     }, null, 8, ["lock", "scale", "dark", "locale", "version"]));
   }
-}), pn = { class: "text-subtitle-1" }, gn = /* @__PURE__ */ E({
+}), bn = { class: "text-subtitle-1" }, wn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: { required: !0 },
@@ -921,84 +1140,84 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: s } = oe(), { sysBarAvail: l } = ue(), { backgroundColor0: e, backgroundColor1: n, backgroundColor2: o } = ee(), i = z(t, "modelValue"), u = A(!1), r = A(1), a = N(() => {
-      let v = 48;
-      return l.value && (v += 24), {
+    const { t: s } = ne(), { sysBarAvail: l } = le(), { backgroundColor0: e, backgroundColor1: n, backgroundColor2: o } = I(), i = F(t, "modelValue"), r = O(!1), u = O(1), a = A(() => {
+      let p = 48;
+      return l.value && (p += 24), {
         position: "relative",
         background: n.value,
-        height: `calc(100% - ${v}px)`
+        height: `calc(100% - ${p}px)`
       };
-    }), c = N(() => s("x-prop-tree.dlg.jsonEditor.title")), { open: d } = _e(`propTreejsonEditorDlg${$e()}`);
-    we(() => {
-      d.value = !1;
+    }), c = A(() => s("x-prop-tree.jsonEditor")), { open: v } = ye(`propTreejsonEditorDlg${_e()}`);
+    Se(() => {
+      v.value = !1;
     });
-    const f = Ge("editor");
-    return le(d, (v) => {
-      v || f.value?.save();
-    }), (v, p) => {
-      const C = V("v-btn"), _ = V("v-sheet"), b = V("v-spacer"), U = V("v-dialog");
-      return S(), B(U, {
-        modelValue: D(d),
-        "onUpdate:modelValue": p[4] || (p[4] = (g) => ce(d) ? d.value = g : null),
+    const m = Ye("editor");
+    return ie(v, (p) => {
+      p || m.value?.save();
+    }), (p, d) => {
+      const C = $("v-btn"), x = $("v-sheet"), U = $("v-spacer"), g = $("v-dialog");
+      return k(), B(g, {
+        modelValue: M(v),
+        "onUpdate:modelValue": d[4] || (d[4] = (V) => ue(v) ? v.value = V : null),
         attach: "",
         fullscreen: "",
         "no-click-animation": "",
         persistent: "",
         transition: "dialog-bottom-transition",
-        onKeydown: p[5] || (p[5] = Be(X((g) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: d[5] || (d[5] = Pe(X((V) => v.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: R(({ props: g }) => [
-          P(C, be(g, {
+        activator: K(({ props: V }) => [
+          w(C, Ve(V, {
             block: "",
             density: "comfortable"
           }), {
-            default: R(() => [
-              ke(F(c.value), 1)
+            default: K(() => [
+              ge(J(c.value), 1)
             ]),
             _: 1
           }, 16)
         ]),
-        default: R(() => [
-          P(_, {
-            color: D(e),
+        default: K(() => [
+          w(x, {
+            color: M(e),
             height: "100%",
             width: "100%"
           }, {
-            default: R(() => [
-              D(l) ? (S(), B(_, {
+            default: K(() => [
+              M(l) ? (k(), B(x, {
                 key: 0,
-                color: D(o),
+                color: M(o),
                 height: 24
-              }, null, 8, ["color"])) : G("", !0),
-              P(_, {
+              }, null, 8, ["color"])) : Y("", !0),
+              w(x, {
                 class: "d-flex align-center px-2",
-                color: D(o),
+                color: M(o),
                 height: 48
               }, {
-                default: R(() => [
-                  P(C, {
+                default: K(() => [
+                  w(C, {
                     density: "comfortable",
                     icon: "mdi-close",
                     variant: "text",
-                    onClick: p[0] || (p[0] = (g) => d.value = !1)
+                    onClick: d[0] || (d[0] = (V) => v.value = !1)
                   }),
-                  q("span", pn, F(D(s)("x-prop-tree.jsonEditor")), 1),
-                  P(b)
+                  D("span", bn, J(c.value), 1),
+                  w(U)
                 ]),
                 _: 1
               }, 8, ["color"]),
-              q("div", {
-                style: W(a.value)
+              D("div", {
+                style: G(a.value)
               }, [
-                P(vn, {
+                w(Un, {
                   ref_key: "editor",
-                  ref: f,
+                  ref: m,
                   modelValue: i.value,
-                  "onUpdate:modelValue": p[1] || (p[1] = (g) => i.value = g),
-                  lock: u.value,
-                  "onUpdate:lock": p[2] || (p[2] = (g) => u.value = g),
-                  scale: r.value,
-                  "onUpdate:scale": p[3] || (p[3] = (g) => r.value = g)
+                  "onUpdate:modelValue": d[1] || (d[1] = (V) => i.value = V),
+                  lock: r.value,
+                  "onUpdate:lock": d[2] || (d[2] = (V) => r.value = V),
+                  scale: u.value,
+                  "onUpdate:scale": d[3] || (d[3] = (V) => u.value = V)
                 }, null, 8, ["modelValue", "lock", "scale"])
               ], 4)
             ]),
@@ -1009,57 +1228,57 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
       }, 8, ["modelValue"]);
     };
   }
-}), yn = { class: "d-flex justify-space-between align-center my-2" }, hn = { class: "flex-grow-1" }, kn = /* @__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({
+  props: /* @__PURE__ */ j({
     hasDelete: { type: Boolean, default: !1 },
     types: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ j(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { t: l } = oe(), { isMobile: e } = ue(), n = z(t, "modelValue"), o = s, i = Ee(), u = N(() => qe[i.value].types[t.types]), r = A(0), a = N(() => {
-      const p = [];
-      return u.value?.forEach(({ title: C }, _) => {
-        p.push({
+    const { t: l } = ne(), { isMobile: e } = le(), n = F(t, "modelValue"), o = s, i = Je(), r = A(() => qe[i.value].types[t.types]), u = O(0), a = A(() => {
+      const d = [];
+      return r.value?.forEach(({ title: C }, x) => {
+        d.push({
           title: l(C),
-          value: _
+          value: x
         });
-      }), p;
+      }), d;
     });
     He(() => {
-      u.value?.some((p, C) => p.validator(n.value) ? (r.value = C, !0) : !1);
+      r.value?.some((d, C) => d.validator(n.value) ? (u.value = C, !0) : !1);
     });
-    const c = N(() => u.value?.[r.value]), d = () => {
+    const c = A(() => r.value?.[u.value]), v = () => {
       n.value = c.value?.default;
-    }, f = A(0), v = async (p) => {
-      if (!p || !e() || c.value.ui !== "pixelInput" && c.value.ui !== "percentInput")
+    }, m = O(0), p = async (d) => {
+      if (!d || !e() || c.value.ui !== "pixelInput" && c.value.ui !== "percentInput")
         return;
-      const C = await Ye({
+      const C = await We({
         title: "",
-        value: f.value,
+        value: m.value,
         precision: c.value.precision,
         min: c.value.min,
         max: c.value.max,
         step: c.value.step
       });
-      C !== void 0 && (f.value = C);
+      C !== void 0 && (m.value = C);
     };
     return He(() => {
-      c.value?.ui === "pixelInput" ? f.value = wt(n.value) : c.value?.ui === "percentInput" && (f.value = bt(n.value));
-    }), le(f, (p) => {
-      c.value?.ui === "pixelInput" ? n.value = p + "px" : c.value?.ui === "percentInput" && (n.value = p + "%");
-    }), (p, C) => {
-      const _ = V("v-select"), b = V("v-number-input"), U = V("v-btn"), g = I("ripple");
-      return S(), K("div", yn, [
-        q("div", hn, [
-          j(P(_, {
-            modelValue: r.value,
+      c.value?.ui === "pixelInput" ? m.value = Pt(n.value) : c.value?.ui === "percentInput" && (m.value = Lt(n.value));
+    }), ie(m, (d) => {
+      c.value?.ui === "pixelInput" ? n.value = d + "px" : c.value?.ui === "percentInput" && (n.value = d + "%");
+    }), (d, C) => {
+      const x = $("v-select"), U = $("v-number-input"), g = $("v-btn"), V = ee("ripple");
+      return k(), q("div", Mn, [
+        D("div", Pn, [
+          Z(w(x, {
+            modelValue: u.value,
             "onUpdate:modelValue": [
-              C[0] || (C[0] = ($) => r.value = $),
-              d
+              C[0] || (C[0] = (P) => u.value = P),
+              v
             ],
             density: "compact",
             "hide-details": "",
@@ -1067,16 +1286,16 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
             "single-line": ""
           }, null, 8, ["modelValue", "items"]), [
             [
-              g,
+              V,
               void 0,
               void 0,
               { stop: !0 }
             ]
           ]),
-          c.value?.ui === "pixelInput" || c.value?.ui === "percentInput" ? j((S(), B(b, {
+          c.value?.ui === "pixelInput" || c.value?.ui === "percentInput" ? Z((k(), B(U, {
             key: 0,
-            modelValue: f.value,
-            "onUpdate:modelValue": C[1] || (C[1] = ($) => f.value = $),
+            modelValue: m.value,
+            "onUpdate:modelValue": C[1] || (C[1] = (P) => m.value = P),
             "control-variant": "stacked",
             density: "compact",
             "hide-details": "",
@@ -1085,30 +1304,30 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
             precision: c.value.precision,
             "single-line": "",
             step: c.value.step,
-            "onUpdate:focused": v
+            "onUpdate:focused": p
           }, null, 8, ["modelValue", "max", "min", "precision", "step"])), [
             [
-              g,
+              V,
               void 0,
               void 0,
               { stop: !0 }
             ]
-          ]) : G("", !0)
+          ]) : Y("", !0)
         ]),
-        t.hasDelete ? (S(), B(U, {
+        t.hasDelete ? (k(), B(g, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: C[2] || (C[2] = X(($) => o("delete"), ["stop"]))
-        })) : G("", !0)
+          onClick: C[2] || (C[2] = X((P) => o("delete"), ["stop"]))
+        })) : Y("", !0)
       ]);
     };
   }
-}), _n = { class: "d-flex justify-space-between align-center" }, xn = /* @__PURE__ */ E({
+}), An = { class: "d-flex justify-space-between align-center" }, Dn = /* @__PURE__ */ E({
   __name: "index",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ j({
     hasDelete: { type: Boolean, default: !1 },
     precision: { default: () => {
     } },
@@ -1120,12 +1339,12 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ j(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { isMobile: l } = ue(), e = z(t, "modelValue"), n = s, o = async (i) => {
+    const { isMobile: l } = le(), e = F(t, "modelValue"), n = s, o = async (i) => {
       if (!i || t.readonly || !l())
         return;
-      const u = await Ye({
+      const r = await We({
         title: "",
         value: e.value,
         precision: t.precision,
@@ -1133,14 +1352,14 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
         max: t.max,
         step: t.step
       });
-      u !== void 0 && (e.value = u);
+      r !== void 0 && (e.value = r);
     };
-    return (i, u) => {
-      const r = V("v-number-input"), a = V("v-btn"), c = I("ripple");
-      return S(), K("div", _n, [
-        j(P(r, {
+    return (i, r) => {
+      const u = $("v-number-input"), a = $("v-btn"), c = ee("ripple");
+      return k(), q("div", An, [
+        Z(w(u, {
           modelValue: e.value,
-          "onUpdate:modelValue": u[0] || (u[0] = (d) => e.value = d),
+          "onUpdate:modelValue": r[0] || (r[0] = (v) => e.value = v),
           "control-variant": "stacked",
           density: "compact",
           "hide-details": "",
@@ -1159,20 +1378,20 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
             { stop: !0 }
           ]
         ]),
-        t.hasDelete ? (S(), B(a, {
+        t.hasDelete ? (k(), B(a, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: u[1] || (u[1] = X((d) => n("delete"), ["stop"]))
-        })) : G("", !0)
+          onClick: r[1] || (r[1] = X((v) => n("delete"), ["stop"]))
+        })) : Y("", !0)
       ]);
     };
   }
-}), Sn = { class: "d-flex justify-space-between align-center" }, Vn = /* @__PURE__ */ E({
+}), Tn = { class: "d-flex justify-space-between align-center" }, Nn = /* @__PURE__ */ E({
   __name: "index",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ j({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
     items: {}
@@ -1180,20 +1399,20 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ j(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { t: l } = oe(), e = z(t, "modelValue"), n = s, o = Ee(), i = N(() => {
-      const u = [];
+    const { t: l } = ne(), e = F(t, "modelValue"), n = s, o = Je(), i = A(() => {
+      const r = [];
       return qe[o.value].items[t.items].forEach(({ title: a, value: c }) => {
-        u.push({ title: l(a), value: c });
-      }), u;
+        r.push({ title: l(a), value: c });
+      }), r;
     });
-    return (u, r) => {
-      const a = V("v-select"), c = V("v-btn"), d = I("ripple");
-      return S(), K("div", Sn, [
-        j(P(a, {
+    return (r, u) => {
+      const a = $("v-select"), c = $("v-btn"), v = ee("ripple");
+      return k(), q("div", Tn, [
+        Z(w(a, {
           modelValue: e.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (f) => e.value = f),
+          "onUpdate:modelValue": u[0] || (u[0] = (m) => e.value = m),
           density: "compact",
           "hide-details": "",
           items: i.value,
@@ -1201,60 +1420,24 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
           "single-line": ""
         }, null, 8, ["modelValue", "items", "readonly"]), [
           [
-            d,
+            v,
             void 0,
             void 0,
             { stop: !0 }
           ]
         ]),
-        t.hasDelete ? (S(), B(c, {
+        t.hasDelete ? (k(), B(c, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: r[1] || (r[1] = X((f) => n("delete"), ["stop"]))
-        })) : G("", !0)
-      ]);
-    };
-  }
-}), Cn = { class: "text-subtitle-2 ml-1" }, Un = { class: "text-caption text-grey ml-1" }, $n = /* @__PURE__ */ E({
-  __name: "group",
-  props: {
-    id: {},
-    title: {},
-    collapse: { type: Boolean },
-    count: {}
-  },
-  emits: ["x-click"],
-  setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = ee(), n = t, o = s, i = A(!1), u = N(() => ({
-      background: i.value ? e.value : l.value,
-      height: "30px",
-      marginBottom: "1px",
-      userSelect: "none"
-    }));
-    return (r, a) => {
-      const c = V("v-icon"), d = I("ripple");
-      return j((S(), K("div", {
-        class: "d-flex align-center cursor-pointer",
-        style: W(u.value),
-        onClick: a[0] || (a[0] = (f) => o("x-click", n.id)),
-        onMouseout: a[1] || (a[1] = (f) => i.value = !1),
-        onMouseover: a[2] || (a[2] = (f) => i.value = !0)
-      }, [
-        P(c, {
-          icon: n.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
-          size: "small"
-        }, null, 8, ["icon"]),
-        q("span", Cn, F(n.title), 1),
-        q("span", Un, F(n.count), 1)
-      ], 36)), [
-        [d]
+          onClick: u[1] || (u[1] = X((m) => n("delete"), ["stop"]))
+        })) : Y("", !0)
       ]);
     };
   }
-}), wn = { class: "text-subtitle-1 ml-6" }, bn = /* @__PURE__ */ E({
+}), On = { class: "text-subtitle-1 ml-6" }, Bn = /* @__PURE__ */ E({
   __name: "item",
   props: {
     id: {},
@@ -1262,31 +1445,31 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
   },
   emits: ["x-click"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = ee(), n = t, o = s, i = A(!1), u = N(() => ({
-      background: i.value ? e.value : l.value,
+    const { backgroundColor2: l, highlightColor: e } = I(), n = s, o = O(!1), i = A(() => ({
+      background: o.value ? e.value : l.value,
       height: "48px",
       marginBottom: "1px",
       userSelect: "none"
     }));
-    return (r, a) => {
-      const c = I("ripple");
-      return j((S(), K("div", {
+    return (r, u) => {
+      const a = ee("ripple");
+      return Z((k(), q("div", {
         class: "d-flex align-center cursor-pointer",
-        style: W(u.value),
-        onClick: a[0] || (a[0] = (d) => o("x-click", n.id)),
-        onMouseout: a[1] || (a[1] = (d) => i.value = !1),
-        onMouseover: a[2] || (a[2] = (d) => i.value = !0)
+        style: G(i.value),
+        onClick: u[0] || (u[0] = (c) => n("x-click", t.id)),
+        onMouseout: u[1] || (u[1] = (c) => o.value = !1),
+        onMouseover: u[2] || (u[2] = (c) => o.value = !0)
       }, [
-        q("span", wn, F(n.title), 1)
+        D("span", On, J(t.title), 1)
       ], 36)), [
-        [c]
+        [a]
       ]);
     };
   }
-}), Mn = { key: 0 }, Pn = {
+}), qn = { key: 0 }, Kn = {
   key: 1,
   class: "text-body-2 text-grey ml-3"
-}, Dn = /* @__PURE__ */ E({
+}, Rn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: {},
@@ -1296,34 +1479,19 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
   },
   emits: ["update:modelValue", "update:open"],
   setup(t) {
-    const { nameList: s } = ue(), l = z(t, "modelValue"), e = z(t, "open"), n = ut(), o = (u) => {
-      const r = pe(n, u);
-      r && Ze(n, u, !r.collapse);
-    }, i = (u) => {
-      l.value = u, e.value = !1;
+    const { nameList: s } = le(), l = F(t, "modelValue"), e = F(t, "open"), n = rt(), o = (i) => {
+      l.value = i, e.value = !1;
     };
-    return (u, r) => D(n).length > 0 ? (S(), K("div", Mn, [
-      (S(!0), K(ve, null, Ae(D(n), (a) => (S(), K(ve, {
-        key: a.id
-      }, [
-        a.type === 0 ? (S(), B($n, {
-          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 ? (S(), B(bn, {
-          key: 1,
-          id: a.id,
-          title: a.name,
-          onXClick: i
-        }, null, 8, ["id", "title"])) : G("", !0)
-      ], 64))), 128))
-    ])) : (S(), K("div", Pn, F(D(s)(["no", "slot"])), 1));
+    return (i, r) => M(n).length > 0 ? (k(), q("div", qn, [
+      (k(!0), q(me, null, Me(M(n), (u) => (k(), B(Bn, {
+        key: u.id,
+        id: u.id,
+        title: u.name,
+        onXClick: o
+      }, null, 8, ["id", "title"]))), 128))
+    ])) : (k(), q("div", Kn, J(M(s)(["x-prop-tree.no", "x-prop-tree.slot"])), 1));
   }
-}), Ln = { class: "text-subtitle-1 ml-3" }, Tn = /* @__PURE__ */ E({
+}), En = { class: "text-subtitle-1" }, Jn = /* @__PURE__ */ E({
   __name: "index",
   props: {
     modelValue: {},
@@ -1331,92 +1499,94 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const { t: s } = oe(), l = je(), { sysBarAvail: e } = ue(), { backgroundColor1: n } = ee(), o = z(t, "modelValue"), i = ut(), u = N(() => {
-      let f = "100%";
-      return l.mdAndUp.value && (f = "400px"), {
-        background: n.value,
-        width: f,
+    const { t: s } = ne(), l = Re(), { sysBarAvail: e, nameList: n } = le(), { backgroundColor1: o } = I(), i = F(t, "modelValue"), r = rt(), u = A(() => {
+      let p = "100%";
+      return l.mdAndUp.value && (p = "400px"), {
+        background: o.value,
+        width: p,
         height: "100%"
       };
-    }), r = N(() => {
-      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 = N(() => ({
+    }), c = A(() => ({
       height: "60px"
-    })), c = N(() => {
-      if (!o.value)
+    })), v = A(() => {
+      if (!i.value)
         return s("x-runtime-lib.notSet");
-      const f = pe(i, o.value);
-      return f ? f.name : s("x-runtime-lib.slotNotAvail");
-    }), { open: d } = _e(`propTreeSlotSelectDlg${$e()}`);
-    return we(() => {
-      d.value = !1;
-    }), (f, v) => {
-      const p = V("v-btn"), C = V("v-sheet"), _ = V("v-icon"), b = V("v-dialog");
-      return S(), B(b, {
-        modelValue: D(d),
-        "onUpdate:modelValue": v[5] || (v[5] = (U) => ce(d) ? d.value = U : null),
+      const p = r.value.find((d) => d.id === i.value);
+      return p ? p.name : s("x-runtime-lib.slotNotAvail");
+    }), { open: m } = ye(`propTreeSlotSelectDlg${_e()}`);
+    return Se(() => {
+      m.value = !1;
+    }), (p, d) => {
+      const C = $("v-btn"), x = $("v-sheet"), U = $("v-dialog");
+      return k(), B(U, {
+        modelValue: M(m),
+        "onUpdate:modelValue": d[5] || (d[5] = (g) => ue(m) ? m.value = g : null),
         fullscreen: "",
         "no-click-animation": "",
         persistent: "",
         transition: "scroll-x-reverse-transition",
-        onKeydown: v[6] || (v[6] = Be(X((U) => d.value = !1, ["stop", "prevent"]), ["esc"]))
+        onKeydown: d[6] || (d[6] = Pe(X((g) => m.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
-        activator: R(({ props: U }) => [
-          P(p, be(U, {
+        activator: K(({ props: g }) => [
+          w(C, Ve(g, {
             block: "",
             density: "comfortable"
           }), {
-            default: R(() => [
-              ke(F(c.value), 1)
+            default: K(() => [
+              ge(J(v.value), 1)
             ]),
             _: 1
           }, 16)
         ]),
-        default: R(() => [
-          q("div", {
+        default: K(() => [
+          D("div", {
             class: "w-100 h-100 d-flex flex-row-reverse",
-            onClick: v[3] || (v[3] = X((U) => d.value = !1, ["self"])),
-            onContextmenu: v[4] || (v[4] = X((U) => d.value = !1, ["self", "prevent"]))
+            onClick: d[3] || (d[3] = X((g) => m.value = !1, ["self"])),
+            onContextmenu: d[4] || (d[4] = X((g) => m.value = !1, ["self", "prevent"]))
           }, [
-            q("div", {
+            D("div", {
               class: "elevation-2",
-              style: W(u.value)
+              style: G(u.value)
             }, [
-              D(e) ? (S(), B(C, {
+              M(e) ? (k(), B(x, {
                 key: 0,
                 color: "transparent",
                 height: 24
-              })) : G("", !0),
-              P(C, {
+              })) : Y("", !0),
+              w(x, {
                 class: "d-flex align-center px-3",
                 color: "transparent",
                 height: 48
               }, {
-                default: R(() => [
-                  P(_, {
+                default: K(() => [
+                  w(C, {
+                    density: "comfortable",
                     icon: "mdi-close",
-                    onClick: v[0] || (v[0] = (U) => d.value = !1)
+                    variant: "text",
+                    onClick: d[0] || (d[0] = (g) => m.value = !1)
                   }),
-                  q("span", Ln, F(D(s)("x-prop-tree.dlg.adaptSlotSelect.title")), 1)
+                  D("span", En, J(M(n)(["x-prop-tree.select", "x-prop-tree.slot"])), 1)
                 ]),
                 _: 1
               }),
-              q("div", {
+              D("div", {
                 class: "overflow-y-auto",
-                style: W(r.value)
+                style: G(a.value)
               }, [
-                P(Dn, {
-                  modelValue: o.value,
-                  "onUpdate:modelValue": v[1] || (v[1] = (U) => o.value = U),
-                  open: D(d),
-                  "onUpdate:open": v[2] || (v[2] = (U) => ce(d) ? d.value = U : null)
+                w(Rn, {
+                  modelValue: i.value,
+                  "onUpdate:modelValue": d[1] || (d[1] = (g) => i.value = g),
+                  open: M(m),
+                  "onUpdate:open": d[2] || (d[2] = (g) => ue(m) ? m.value = g : null)
                 }, null, 8, ["modelValue", "open"]),
-                q("div", {
-                  style: W(a.value)
+                D("div", {
+                  style: G(c.value)
                 }, null, 4)
               ], 4)
             ], 4)
@@ -1426,32 +1596,32 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
       }, 8, ["modelValue"]);
     };
   }
-}), An = { class: "d-flex justify-space-between align-center" }, Nn = /* @__PURE__ */ E({
+}), Xn = { class: "d-flex justify-space-between align-center" }, Hn = /* @__PURE__ */ E({
   __name: "index",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ j({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ j(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const { isMobile: l } = ue(), e = z(t, "modelValue"), n = s, o = async (i) => {
+    const { isMobile: l } = le(), e = F(t, "modelValue"), n = s, o = async (i) => {
       if (!i || t.readonly || !l())
         return;
-      const u = await Ct({
+      const r = await bt({
         title: "",
         value: e.value
       });
-      u !== void 0 && (e.value = u);
+      r !== void 0 && (e.value = r);
     };
-    return (i, u) => {
-      const r = V("v-text-field"), a = V("v-btn"), c = I("ripple");
-      return S(), K("div", An, [
-        j(P(r, {
+    return (i, r) => {
+      const u = $("v-text-field"), a = $("v-btn"), c = ee("ripple");
+      return k(), q("div", Xn, [
+        Z(w(u, {
           modelValue: e.value,
-          "onUpdate:modelValue": u[0] || (u[0] = (d) => e.value = d),
+          "onUpdate:modelValue": r[0] || (r[0] = (v) => e.value = v),
           density: "compact",
           "hide-details": "",
           readonly: t.readonly,
@@ -1465,55 +1635,55 @@ const tn = { class: "d-flex justify-space-between align-center" }, nn = /* @__PU
             { stop: !0 }
           ]
         ]),
-        t.hasDelete ? (S(), B(a, {
+        t.hasDelete ? (k(), B(a, {
           key: 0,
           class: "mx-2",
           density: "compact",
           icon: "mdi-minus",
           variant: "text",
-          onClick: u[1] || (u[1] = X((d) => n("delete"), ["stop"]))
-        })) : G("", !0)
+          onClick: r[1] || (r[1] = X((v) => n("delete"), ["stop"]))
+        })) : Y("", !0)
       ]);
     };
   }
-}), On = { class: "d-flex justify-space-between align-center" }, Bn = /* @__PURE__ */ E({
+}), Fn = { class: "d-flex justify-space-between align-center" }, zn = /* @__PURE__ */ E({
   __name: "index",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ j({
     hasDelete: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["delete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ j(["delete"], ["update:modelValue"]),
   setup(t, { emit: s }) {
-    const l = z(t, "modelValue"), e = s;
+    const l = F(t, "modelValue"), e = s;
     return (n, o) => {
-      const i = V("v-switch"), u = V("v-btn");
-      return S(), K("div", On, [
-        P(i, {
+      const i = $("v-switch"), r = $("v-btn");
+      return k(), q("div", Fn, [
+        w(i, {
           modelValue: l.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (r) => l.value = r),
+          "onUpdate:modelValue": o[0] || (o[0] = (u) => l.value = u),
           class: "ml-1",
           color: "primary",
           density: "compact",
           "hide-details": "",
           readonly: t.readonly
         }, null, 8, ["modelValue", "readonly"]),
-        t.hasDelete ? (S(), B(u, {
+        t.hasDelete ? (k(), B(r, {
           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] = X((u) => e("delete"), ["stop"]))
+        })) : Y("", !0)
       ]);
     };
   }
 });
-function qn(t) {
-  return { renderUiColorPicker: (l, e, n, o, i) => e.ui !== "colorPicker" ? (console.assert(!1), x("div", "renderUiColorPicker property ui must be colorPicker")) : x(nn, {
+function Gn(t) {
+  return { renderUiAdaptSlotSelect: (l, e, n, o, i) => e.ui !== "adaptSlotSelect" ? (console.assert(!1), S("div", "renderUiSlotSelect property ui must be adaptSlotSelect")) : S(fn, {
     modelValue: te(
       l,
       e,
@@ -1522,12 +1692,35 @@ function qn(t) {
       o,
       i
     ),
-    "onUpdate:modelValue": (u) => {
-      se(
+    "onUpdate:modelValue": (r) => {
+      oe(
         l,
         e,
         n,
-        u,
+        r,
+        t,
+        o,
+        i
+      );
+    }
+  }) };
+}
+function Yn(t) {
+  return { renderUiColorPicker: (l, e, n, o, i) => e.ui !== "colorPicker" ? (console.assert(!1), S("div", "renderUiColorPicker property ui must be colorPicker")) : S(pn, {
+    modelValue: te(
+      l,
+      e,
+      n,
+      t,
+      o,
+      i
+    ),
+    "onUpdate:modelValue": (r) => {
+      oe(
+        l,
+        e,
+        n,
+        r,
         t,
         o,
         i
@@ -1540,8 +1733,8 @@ function qn(t) {
     readonly: e.readonly
   }) };
 }
-function Kn(t) {
-  return { renderUiCompSelect: (l, e, n, o, i) => e.ui !== "compSelect" ? (console.assert(!1), x("div", "renderUiCompSelect property ui must be compSelect")) : x(fn, {
+function Wn(t) {
+  return { renderUiCompSelect: (l, e, n, o, i) => e.ui !== "compSelect" ? (console.assert(!1), S("div", "renderUiCompSelect property ui must be compSelect")) : S($n, {
     modelValue: te(
       l,
       e,
@@ -1550,12 +1743,12 @@ function Kn(t) {
       o,
       i
     ),
-    "onUpdate:modelValue": (u) => {
-      se(
+    "onUpdate:modelValue": (r) => {
+      oe(
         l,
         e,
         n,
-        u,
+        r,
         t,
         o,
         i
@@ -1563,7 +1756,7 @@ function Kn(t) {
     }
   }) };
 }
-function Rn(t) {
+function Qn(t) {
   return { renderUiDummy: (l, e, n, o, i) => {
     if (e.ui !== "dummy") {
       console.assert(!1, "renderUiDummy property ui must be dummy");
@@ -1572,8 +1765,8 @@ function Rn(t) {
     te(l, e, n, t, o, i);
   } };
 }
-function En(t) {
-  return { renderUiJsonEditor: (l, e, n, o, i) => e.ui !== "jsonEditor" ? x("div", "renderUijsonEditor property ui must be jsonEditor") : x(gn, {
+function Zn(t) {
+  return { renderUiJsonEditor: (l, e, n, o, i) => e.ui !== "jsonEditor" ? S("div", "renderUijsonEditor property ui must be jsonEditor") : S(wn, {
     modelValue: te(
       l,
       e,
@@ -1582,12 +1775,12 @@ function En(t) {
       o,
       i
     ) ?? "{}",
-    "onUpdate:modelValue": (u) => {
-      se(
+    "onUpdate:modelValue": (r) => {
+      oe(
         l,
         e,
         n,
-        u,
+        r,
         t,
         o,
         i
@@ -1595,8 +1788,8 @@ function En(t) {
     }
   }) };
 }
-function Jn(t) {
-  return { renderUiMultiTypes: (l, e, n, o, i) => e.ui !== "multiTypes" ? (console.assert(!1), x("div", "renderUiMultiTypes property ui must be multiTypes")) : x(kn, {
+function jn(t) {
+  return { renderUiMultiTypes: (l, e, n, o, i) => e.ui !== "multiTypes" ? (console.assert(!1), S("div", "renderUiMultiTypes property ui must be multiTypes")) : S(Ln, {
     modelValue: te(
       l,
       e,
@@ -1605,12 +1798,12 @@ function Jn(t) {
       o,
       i
     ) ?? "",
-    "onUpdate:modelValue": (u) => {
-      se(
+    "onUpdate:modelValue": (r) => {
+      oe(
         l,
         e,
         n,
-        u,
+        r,
         t,
         o,
         i
@@ -1623,8 +1816,8 @@ function Jn(t) {
     types: e.types
   }) };
 }
-function Hn(t) {
-  return { renderUiNumInput: (l, e, n, o, i) => e.ui !== "numInput" ? (console.assert(!1), x("div", "renderUiNumInput property ui must be numInput")) : x(xn, {
+function In(t) {
+  return { renderUiNumInput: (l, e, n, o, i) => e.ui !== "numInput" ? (console.assert(!1), S("div", "renderUiNumInput property ui must be numInput")) : S(Dn, {
     modelValue: te(
       l,
       e,
@@ -1633,12 +1826,12 @@ function Hn(t) {
       o,
       i
     ),
-    "onUpdate:modelValue": (u) => {
-      se(
+    "onUpdate:modelValue": (r) => {
+      oe(
         l,
         e,
         n,
-        u,
+        r,
         t,
         o,
         i
@@ -1655,63 +1848,63 @@ function Hn(t) {
     readonly: e.readonly
   }) };
 }
-const Xn = /* @__PURE__ */ E({
+const el = /* @__PURE__ */ E({
   __name: "index",
   props: {
     minHeight: {}
   },
   emits: ["menu"],
   setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = ee(), n = s, o = A(!1), i = N(() => ({
+    const { backgroundColor2: l, highlightColor: e } = I(), n = s, o = O(!1), i = A(() => ({
       background: o.value ? e.value : l.value,
       minHeight: t.minHeight,
       paddingRight: "4px",
       marginBottom: "1px",
       userSelect: "none"
-    })), u = (r) => {
-      n("menu", r.clientX, r.clientY);
+    })), r = (u) => {
+      n("menu", u.clientX, u.clientY);
     };
-    return (r, a) => {
-      const c = I("ripple");
-      return j((S(), K("div", {
+    return (u, a) => {
+      const c = ee("ripple");
+      return Z((k(), q("div", {
         class: "d-flex justify-space-between align-center cursor-pointer",
-        style: W(i.value),
-        onContextmenu: X(u, ["self", "prevent"]),
-        onMouseout: a[0] || (a[0] = (d) => o.value = !1),
-        onMouseover: a[1] || (a[1] = (d) => o.value = !0)
+        style: G(i.value),
+        onContextmenu: X(r, ["self", "prevent"]),
+        onMouseout: a[0] || (a[0] = (v) => o.value = !1),
+        onMouseover: a[1] || (a[1] = (v) => o.value = !0)
       }, [
-        kt(r.$slots, "default")
+        St(u.$slots, "default")
       ], 36)), [
         [c]
       ]);
     };
   }
 });
-function Fn(t, s, l) {
-  const { t: e } = oe();
-  return { renderProperty: (o, i, u) => {
-    const r = o[o.length - 1];
-    let c = typeof r == "number" ? `[${r + 1}]` : e(i.name);
-    return fe(t.value, o) && (c += " *"), x(
-      Xn,
+function tl(t, s, l) {
+  const { t: e } = ne();
+  return { renderProperty: (o, i, r) => {
+    const u = o[o.length - 1];
+    let c = typeof u == "number" ? `[${u + 1}]` : e(i.name);
+    return ve(t.value, o) && (c += " *"), S(
+      el,
       {
         minHeight: s.value,
-        onMenu: (d, f) => {
-          me.emit("propTreeMenu", { x: d, y: f, keys: o });
+        onMenu: (v, m) => {
+          fe.emit("propTreeMenu", { x: v, y: m, keys: o });
         }
       },
       () => [
-        x("span", {
+        S("span", {
           style: { marginLeft: "4px", pointerEvents: "none" },
           innerHTML: c
         }),
-        x("div", { style: { width: l.value } }, u)
+        S("div", { style: { width: l.value } }, r)
       ]
     );
   } };
 }
-function zn(t) {
-  return { renderUiSelect: (l, e, n, o, i) => e.ui !== "select" ? (console.assert(!1), x("div", "renderUiSelect property ui must be select")) : x(Vn, {
+function nl(t) {
+  return { renderUiSelect: (l, e, n, o, i) => e.ui !== "select" ? (console.assert(!1), S("div", "renderUiSelect property ui must be select")) : S(Nn, {
     modelValue: te(
       l,
       e,
@@ -1720,12 +1913,12 @@ function zn(t) {
       o,
       i
     ) ?? "",
-    "onUpdate:modelValue": (u) => {
-      se(
+    "onUpdate:modelValue": (r) => {
+      oe(
         l,
         e,
         n,
-        u,
+        r,
         t,
         o,
         i
@@ -1739,8 +1932,8 @@ function zn(t) {
     readonly: e.readonly
   }) };
 }
-function Gn(t) {
-  return { renderUiSlotSelect: (l, e, n, o, i) => e.ui !== "slotSelect" ? (console.assert(!1), x("div", "renderUiSlotSelect property ui must be slotSelect")) : x(Tn, {
+function ll(t) {
+  return { renderUiSlotSelect: (l, e, n, o, i) => e.ui !== "slotSelect" ? (console.assert(!1), S("div", "renderUiSlotSelect property ui must be slotSelect")) : S(Jn, {
     modelValue: te(
       l,
       e,
@@ -1749,12 +1942,12 @@ function Gn(t) {
       o,
       i
     ),
-    "onUpdate:modelValue": (u) => {
-      se(
+    "onUpdate:modelValue": (r) => {
+      oe(
         l,
         e,
         n,
-        u,
+        r,
         t,
         o,
         i
@@ -1762,8 +1955,8 @@ function Gn(t) {
     }
   }) };
 }
-function Yn(t) {
-  return { renderUiStrInput: (l, e, n, o, i) => e.ui !== "strInput" ? (console.assert(!1), x("div", "renderUiStrInput property ui must be strInput")) : x(Nn, {
+function ol(t) {
+  return { renderUiStrInput: (l, e, n, o, i) => e.ui !== "strInput" ? (console.assert(!1), S("div", "renderUiStrInput property ui must be strInput")) : S(Hn, {
     modelValue: e.static ? e.value : te(
       l,
       e,
@@ -1772,12 +1965,12 @@ function Yn(t) {
       o,
       i
     ),
-    "onUpdate:modelValue": (u) => {
-      e.static || se(
+    "onUpdate:modelValue": (r) => {
+      e.static || oe(
         l,
         e,
         n,
-        u,
+        r,
         t,
         o,
         i
@@ -1790,8 +1983,8 @@ function Yn(t) {
     readonly: e.static || e.readonly
   }) };
 }
-function Wn(t) {
-  return { renderUiSwitch: (l, e, n, o, i) => e.ui !== "switch" ? (console.assert(!1), x("div", "renderUiSwitch property ui must be switch")) : x(Bn, {
+function sl(t) {
+  return { renderUiSwitch: (l, e, n, o, i) => e.ui !== "switch" ? (console.assert(!1), S("div", "renderUiSwitch property ui must be switch")) : S(zn, {
     modelValue: te(
       l,
       e,
@@ -1800,12 +1993,12 @@ function Wn(t) {
       o,
       i
     ) ?? !1,
-    "onUpdate:modelValue": (u) => {
-      se(
+    "onUpdate:modelValue": (r) => {
+      oe(
         l,
         e,
         n,
-        u,
+        r,
         t,
         o,
         i
@@ -1818,7 +2011,7 @@ function Wn(t) {
     readonly: e.readonly
   }) };
 }
-const Qn = /* @__PURE__ */ E({
+const il = /* @__PURE__ */ E({
   __name: "index",
   props: {
     unique: {},
@@ -1830,108 +2023,108 @@ const Qn = /* @__PURE__ */ E({
   },
   emits: ["change"],
   setup(t, { emit: s }) {
-    const { t: l } = oe(), { backgroundColor1: e } = ee(), n = t, o = s, i = A("20px"), u = A("56px"), r = A("200px"), a = _t({}), c = A({}), d = (y, m) => {
-      ze(c, n.config, n.object), o("change", y, m);
+    const { t: l } = ne(), { backgroundColor1: e } = I(), n = t, o = s, i = O("20px"), r = O("56px"), u = O("200px"), a = Vt({}), c = O({}), v = (y, f) => {
+      Ge(c, n.config, n.object), o("change", y, f);
     };
-    le(
+    ie(
       [() => n.config, () => n.object],
       () => {
-        ze(
+        Ge(
           c,
           n.config,
           n.object,
-          (y, m) => {
-            o("change", y, m);
+          (y, f) => {
+            o("change", y, f);
           }
         );
       },
       { immediate: !0 }
     );
-    const f = A(n.version);
-    qt(f), le(
+    const m = O(n.version);
+    Rt(m), ie(
       () => n.version,
       () => {
-        f.value = n.version;
+        m.value = n.version;
       }
     );
-    const v = A(n.type);
-    le(
+    const p = O(n.type);
+    ie(
       () => n.type,
       () => {
-        v.value = n.type;
+        p.value = n.type;
       }
     );
-    const p = A(n.subtype);
-    le(
+    const d = O(n.subtype);
+    ie(
       () => n.subtype,
       () => {
-        p.value = n.subtype;
+        d.value = n.subtype;
       }
     );
-    const C = A(n.config);
-    Kt(C), le(
+    const C = O(n.config);
+    Et(C), ie(
       () => n.config,
       () => {
         C.value = n.config;
       }
     );
-    const _ = A(n.object);
-    Et(_), le(
+    const x = O(n.object);
+    Xt(x), ie(
       () => n.object,
       () => {
-        _.value = n.object;
+        x.value = n.object;
       }
-    ), Ht(c), Ft(d), It(), en(), jt(f, v, p);
-    const { renderProperty: b } = Fn(
+    ), Ft(c), Gt(v), tn(), nn(), en(m, p, d);
+    const { renderProperty: U } = tl(
       c,
-      u,
-      r
-    ), { renderUiDummy: U } = Rn(d), { renderUiStrInput: g } = Yn(d), { renderUiNumInput: $ } = Hn(d), { renderUiSwitch: L } = Wn(d), { renderUiSelect: Q } = zn(d), { renderUiColorPicker: ge } = qn(d), { renderUiJsonEditor: Le } = En(d), { renderUiMultiTypes: rt } = Jn(d), { renderUiCompSelect: at } = Kn(d), { renderUiSlotSelect: ct } = Gn(d), xe = (y, m, k, h, w, T) => (y = We(y), w !== void 0 ? (y.push(w), T && y.push(m.key)) : y.push(m.key), m.ui ? m.array && h ? ft(
+      r,
+      u
+    ), { renderUiDummy: g } = Qn(v), { renderUiStrInput: V } = ol(v), { renderUiNumInput: P } = In(v), { renderUiSwitch: T } = sl(v), { renderUiSelect: Q } = nl(v), { renderUiColorPicker: he } = Yn(v), { renderUiJsonEditor: Te } = Zn(v), { renderUiMultiTypes: ct } = jn(v), { renderUiCompSelect: dt } = Wn(v), { renderUiSlotSelect: mt } = ll(v), { renderUiAdaptSlotSelect: ft } = Gn(v), 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 ? gt(
       y,
-      m,
-      k,
+      f,
+      _,
       h,
-      w,
-      T
-    ) : vt(y, m, k, w, T) : m.array ? dt(
+      b,
+      N
+    ) : yt(y, f, _, b, N) : f.array ? vt(
       y,
-      m,
-      k,
+      f,
+      _,
       h,
-      w,
-      T
-    ) : mt(
+      b,
+      N
+    ) : pt(
       y,
-      m,
-      k,
+      f,
+      _,
       h,
-      w,
-      T
-    )), dt = (y, m, k, h, w, T) => {
-      if (m.ui)
-        return console.assert(!1), x("div", "renderBranchArray property ui must be invalid");
-      if (!m.array)
-        return console.assert(!1), x("div", "renderBranchArray property array must be valid");
+      b,
+      N
+    )), vt = (y, f, _, h, b, N) => {
+      if (f.ui)
+        return console.assert(!1), S("div", "renderBranchArray property ui must be invalid");
+      if (!f.array)
+        return console.assert(!1), S("div", "renderBranchArray property array must be valid");
       if (!h)
-        return console.assert(!1), x("div", "renderBranchArray branch must be valid");
-      let H;
-      w !== void 0 && !T ? (k[w] instanceof Array || (k[w] = J(m), d(y, k[m.key])), H = k[w]) : (k[m.key] instanceof Array || (k[m.key] = J(m), d(y, k[m.key])), H = k[m.key]);
-      let re = l(m.name);
-      h.collapse && fe(c.value, y) && (re += " *");
-      const ye = x(Ue, {
-        title: re,
+        return console.assert(!1), S("div", "renderBranchArray branch must be valid");
+      let z;
+      b !== void 0 && !N ? (_[b] instanceof Array || (_[b] = H(f), v(y, _[f.key])), z = _[b]) : (_[f.key] instanceof Array || (_[f.key] = H(f), v(y, _[f.key])), z = _[f.key]);
+      let ce = l(f.name);
+      h.collapse && ve(c.value, y) && (ce += " *");
+      const ke = S(we, {
+        title: ce,
         collapse: h.collapse,
         hasCreate: !0,
-        onCollapse: (M) => {
-          h.collapse = M;
+        onCollapse: (L) => {
+          h.collapse = L;
         },
-        onMenu: (M, O) => {
-          me.emit("propTreeMenu", { x: M, y: O, keys: y });
+        onMenu: (L, R) => {
+          fe.emit("propTreeMenu", { x: L, y: R, keys: y });
         },
         onCreate: () => {
-          H.push({}), d(y, H);
+          z.push({}), v(y, z);
         }
-      }), Y = x(
+      }), W = S(
         "div",
         {
           style: {
@@ -1939,44 +2132,44 @@ const Qn = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const M = [];
-          for (let O = 0; O < H.length; O++) {
-            if (!Te(h.children)) {
+          const L = [];
+          for (let R = 0; R < z.length; R++) {
+            if (!Ne(h.children)) {
               console.assert(!1);
               break;
             }
-            h.children[O] || h.children.push({
+            h.children[R] || h.children.push({
               collapse: !0,
               children: {}
             });
-            const Se = [...y, O], Ve = h.children[O];
-            let Je = `[${O + 1}]`;
-            h.children[O].collapse && fe(c.value, Se) && (Je += " *");
-            const gt = x(Ue, {
-              title: Je,
-              collapse: h.children[O].collapse,
+            const $e = [...y, R], Ue = h.children[R];
+            let Xe = `[${R + 1}]`;
+            h.children[R].collapse && ve(c.value, $e) && (Xe += " *");
+            const kt = S(we, {
+              title: Xe,
+              collapse: h.children[R].collapse,
               hasDelete: !0,
-              index: O,
-              onCollapse: (ne) => {
-                if (!Te(h.children)) {
+              index: R,
+              onCollapse: (se) => {
+                if (!Ne(h.children)) {
                   console.assert(!1);
                   return;
                 }
-                h.children[O].collapse = ne;
+                h.children[R].collapse = se;
               },
-              onMenu: (ne, ae) => {
-                me.emit("propTreeMenu", { x: ne, y: ae, keys: Se });
+              onMenu: (se, de) => {
+                fe.emit("propTreeMenu", { x: se, y: de, keys: $e });
               },
-              onDelete: (ne) => {
-                if (!Te(h.children)) {
+              onDelete: (se) => {
+                if (!Ne(h.children)) {
                   console.assert(!1);
                   return;
                 }
-                h.children.splice(ne, 1), H.splice(ne, 1), d(y, H);
+                h.children.splice(se, 1), z.splice(se, 1), v(y, z);
               }
             });
-            M.push(gt);
-            const yt = x(
+            L.push(kt);
+            const xt = S(
               "div",
               {
                 style: {
@@ -1984,34 +2177,34 @@ const Qn = /* @__PURE__ */ E({
                 }
               },
               (() => {
-                const ne = [];
-                return m.children.forEach((ae) => {
-                  if (!Fe(Ve.children)) {
+                const se = [];
+                return f.children.forEach((de) => {
+                  if (!ze(Ue.children)) {
                     console.assert(!1);
                     return;
                   }
-                  Ve.children[ae.key] || (Ve.children[ae.key] = {
+                  Ue.children[de.key] || (Ue.children[de.key] = {
                     collapse: !0,
-                    children: ae.array ? [] : {}
+                    children: de.array ? [] : {}
                   });
-                  const ht = xe(
+                  const _t = Ce(
                     y,
-                    ae,
-                    H[O],
-                    Ve.children[ae.key],
-                    O,
+                    de,
+                    z[R],
+                    Ue.children[de.key],
+                    R,
                     !0
                   );
-                  ne.push(ht);
-                }), ne;
+                  se.push(_t);
+                }), se;
               })()
             );
-            h.children[O].collapse || M.push(yt);
+            h.children[R].collapse || L.push(xt);
           }
-          return M;
+          return L;
         })()
       );
-      return x(
+      return S(
         "div",
         {
           style: {
@@ -2019,33 +2212,33 @@ const Qn = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const M = [];
-          return M.push(ye), h.collapse || M.push(Y), M;
+          const L = [];
+          return L.push(ke), h.collapse || L.push(W), L;
         })()
       );
-    }, mt = (y, m, k, h, w, T) => {
-      if (m.ui)
-        return console.assert(!1), x("div", "renderBranchScalar property ui must be invalid");
-      if (m.array)
-        return console.assert(!1), x("div", "renderBranchScalar property array must be invalid");
+    }, pt = (y, f, _, h, b, N) => {
+      if (f.ui)
+        return console.assert(!1), S("div", "renderBranchScalar property ui must be invalid");
+      if (f.array)
+        return console.assert(!1), S("div", "renderBranchScalar property array must be invalid");
       if (!h)
-        return console.assert(!1), x("div", "renderBranchScalar branch must be valid");
-      let H = l(m.name);
-      h.collapse && fe(c.value, y) && (H += " *");
-      const re = x(Ue, {
-        title: H,
+        return console.assert(!1), S("div", "renderBranchScalar branch must be valid");
+      let z = l(f.name);
+      h.collapse && ve(c.value, y) && (z += " *");
+      const ce = S(we, {
+        title: z,
         collapse: h.collapse,
-        hasDelete: w !== void 0 && !T,
-        onCollapse: (Y) => {
-          h.collapse = Y;
+        hasDelete: b !== void 0 && !N,
+        onCollapse: (W) => {
+          h.collapse = W;
         },
-        onMenu: (Y, M) => {
-          me.emit("propTreeMenu", { x: Y, y: M, keys: y });
+        onMenu: (W, L) => {
+          fe.emit("propTreeMenu", { x: W, y: L, keys: y });
         },
         onDelete: () => {
-          w === void 0 || T || (k.splice(w, 1), d(y.slice(0, -1), k));
+          b === void 0 || N || (_.splice(b, 1), v(y.slice(0, -1), _));
         }
-      }), ye = x(
+      }), ke = S(
         "div",
         {
           style: {
@@ -2053,27 +2246,27 @@ const Qn = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const Y = [];
-          return m.children.forEach((M) => {
-            if (!Fe(h.children)) {
+          const W = [];
+          return f.children.forEach((L) => {
+            if (!ze(h.children)) {
               console.assert(!1);
               return;
             }
-            h.children[M.key] || (h.children[M.key] = {
+            h.children[L.key] || (h.children[L.key] = {
               collapse: !0,
-              children: !M.ui && M.array ? [] : {}
+              children: !L.ui && L.array ? [] : {}
             });
-            const O = xe(
+            const R = Ce(
               y,
-              M,
-              (typeof k[m.key] != "object" && (k[m.key] = {}, d(y, k[m.key])), k[m.key]),
-              h.children[M.key]
+              L,
+              (typeof _[f.key] != "object" && (_[f.key] = {}, v(y, _[f.key])), _[f.key]),
+              h.children[L.key]
             );
-            Y.push(O);
-          }), Y;
+            W.push(R);
+          }), W;
         })()
       );
-      return x(
+      return S(
         "div",
         {
           style: {
@@ -2081,35 +2274,35 @@ const Qn = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const Y = [];
-          return Y.push(re), h.collapse || Y.push(ye), Y;
+          const W = [];
+          return W.push(ce), h.collapse || W.push(ke), W;
         })()
       );
-    }, ft = (y, m, k, h, w, T) => {
-      if (!m.ui)
-        return console.assert(!1), x("div", "renderLeafArray property ui must be valid");
-      if (!m.array)
-        return console.assert(!1), x("div", "renderLeafArray property array must be valid");
+    }, gt = (y, f, _, h, b, N) => {
+      if (!f.ui)
+        return console.assert(!1), S("div", "renderLeafArray property ui must be valid");
+      if (!f.array)
+        return console.assert(!1), S("div", "renderLeafArray property array must be valid");
       if (!h)
-        return console.assert(!1), x("div", "renderLeafArray branch must be valid");
-      let H;
-      w !== void 0 && !T ? (k[w] instanceof Array || (k[w] = J(m), d(y, k[w])), H = k[w]) : (k[m.key] instanceof Array || (k[m.key] = J(m), d(y, k[m.key])), H = k[m.key]);
-      let re = l(m.name);
-      h.collapse && fe(c.value, y) && (re += " *");
-      const ye = x(Ue, {
-        title: re,
+        return console.assert(!1), S("div", "renderLeafArray branch must be valid");
+      let z;
+      b !== void 0 && !N ? (_[b] instanceof Array || (_[b] = H(f), v(y, _[b])), z = _[b]) : (_[f.key] instanceof Array || (_[f.key] = H(f), v(y, _[f.key])), z = _[f.key]);
+      let ce = l(f.name);
+      h.collapse && ve(c.value, y) && (ce += " *");
+      const ke = S(we, {
+        title: ce,
         collapse: h.collapse,
         hasCreate: !0,
-        onCollapse: (M) => {
-          h.collapse = M;
+        onCollapse: (L) => {
+          h.collapse = L;
         },
-        onMenu: (M, O) => {
-          me.emit("propTreeMenu", { x: M, y: O, keys: y });
+        onMenu: (L, R) => {
+          fe.emit("propTreeMenu", { x: L, y: R, keys: y });
         },
         onCreate: () => {
-          H.push(J(m, !0)), d(y, H);
+          z.push(H(f, !0)), v(y, z);
         }
-      }), Y = x(
+      }), W = S(
         "div",
         {
           style: {
@@ -2117,15 +2310,15 @@ const Qn = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const M = [];
-          for (let O = 0; O < H.length; O++) {
-            const Se = xe(y, m, H, void 0, O, !1);
-            M.push(Se);
+          const L = [];
+          for (let R = 0; R < z.length; R++) {
+            const $e = Ce(y, f, z, void 0, R, !1);
+            L.push($e);
           }
-          return M;
+          return L;
         })()
       );
-      return x(
+      return S(
         "div",
         {
           style: {
@@ -2133,16 +2326,16 @@ const Qn = /* @__PURE__ */ E({
           }
         },
         (() => {
-          const M = [];
-          return M.push(ye), h.collapse || M.push(Y), M;
+          const L = [];
+          return L.push(ke), h.collapse || L.push(W), L;
         })()
       );
-    }, vt = (y, m, k, h, w) => {
-      if (!m.ui)
-        return console.assert(!1), x("div", "renderLeafScalar property ui must be valid");
-      let T;
-      return m.ui === "dummy" ? T = U(y, m, k, h, w) : m.ui === "strInput" ? T = g(y, m, k, h, w) : m.ui === "numInput" ? T = $(y, m, k, h, w) : m.ui === "switch" ? T = L(y, m, k, h, w) : m.ui === "select" ? T = Q(y, m, k, h, w) : m.ui === "colorPicker" ? T = ge(y, m, k, h, w) : m.ui === "jsonEditor" ? T = Le(y, m, k, h, w) : m.ui === "multiTypes" ? T = rt(y, m, k, h, w) : m.ui === "compSelect" ? T = at(y, m, k, h, w) : m.ui === "slotSelect" ? T = ct(y, m, k, h, w) : console.assert(!1, "renderLeafScalar not implemented"), T ? b(y, m, T) : x("div");
-    }, pt = () => x(
+    }, yt = (y, f, _, h, b) => {
+      if (!f.ui)
+        return console.assert(!1), S("div", "renderLeafScalar property ui must be valid");
+      let N;
+      return f.ui === "dummy" ? N = g(y, f, _, h, b) : f.ui === "strInput" ? N = V(y, f, _, h, b) : f.ui === "numInput" ? N = P(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 = Te(y, f, _, h, b) : f.ui === "multiTypes" ? N = ct(y, f, _, h, b) : f.ui === "compSelect" ? N = dt(y, f, _, h, b) : f.ui === "slotSelect" ? N = mt(y, f, _, h, b) : f.ui === "adaptSlotSelect" ? N = ft(y, f, _, h, b) : console.assert(!1, "renderLeafScalar not implemented"), N ? U(y, f, N) : S("div");
+    }, ht = () => S(
       "div",
       {
         class: "text-body-2",
@@ -2154,17 +2347,17 @@ const Qn = /* @__PURE__ */ E({
         const y = [];
         if (n.unique && n.config.length > 0 && n.object) {
           a[n.unique] || (a[n.unique] = {});
-          const m = a[n.unique];
-          n.config.forEach((k) => {
-            m[k.key] || (m[k.key] = {
+          const f = a[n.unique];
+          n.config.forEach((_) => {
+            f[_.key] || (f[_.key] = {
               collapse: !0,
-              children: !k.ui && k.array ? [] : {}
+              children: !_.ui && _.array ? [] : {}
             });
-            const h = xe(
+            const h = Ce(
               [],
-              k,
+              _,
               n.object,
-              m[k.key]
+              f[_.key]
             );
             y.push(h);
           });
@@ -2172,28 +2365,28 @@ const Qn = /* @__PURE__ */ E({
         return y;
       })()
     );
-    return (y, m) => (S(), K(ve, null, [
-      P(pt),
-      P(Qt, {
+    return (y, f) => (k(), q(me, null, [
+      w(ht),
+      w(jt, {
         config: n.config,
         object: n.object,
         "property-states": c.value
       }, null, 8, ["config", "object", "property-states"])
     ], 64));
   }
-}), Zn = (t) => {
-  t.component("XPropTree", Qn);
-}, jn = (t, s, l) => {
+}), ul = (t) => {
+  t.component("XPropTree", il);
+}, rl = (t, s, l) => {
   const e = t[s];
   return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((n, o) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ new Error("Unknown variable dynamic import: " + s + (s.split("/").length !== l ? ". Note that variables only represent file names one level deep." : ""))));
   });
 };
-async function ul(t) {
-  return (await jn(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.gtpxr0k8.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ev8iw0vp.js") }), `./locales/${t}/index.ts`, 4)).default;
+async function yl(t) {
+  return (await rl(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.iz9vb07b.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.o4ue3kpx.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
-const rl = { install: Zn };
+const hl = { install: ul };
 export {
-  rl as default,
-  ul as loadLocaleMessagePropTree
+  hl as default,
+  yl as loadLocaleMessagePropTree
 };