x-prop-tree 0.7.35 → 0.7.37

package/dist/index.js

@@ -1,2392 +1,1968 @@
-import { provide as re, inject as ae, defineComponent as E, ref as O, computed as L, 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 Ae, 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, getTag as wt, elements as Mt, makeSlotId as Fe, parsePixelStr as At, parsePercentStr as Pt } from "x-runtime-lib";
-import { c as Qe, i as Pe, r as pe, d as Ze, v as je } from "./vendor.f0ug048x.js";
-import { globalState as Ke } from "x-state-lib";
-import { useDisplay as Re } from "vuetify";
-import { XBlockly as Lt } from "x-block-lib";
-const ze = (t) => !(t instanceof Array), Ne = (t) => t instanceof Array, Dt = (t, s) => {
-  const l = (e, n) => {
-    if (e.ui !== n.ui || e.array !== n.array)
-      return !1;
-    if (e.ui || n.ui)
-      return !0;
-    if (e.children.length !== n.children.length)
-      return !1;
-    for (let o = 0; o < e.children.length; o++)
-      if (!l(e.children[o], n.children[o]))
-        return !1;
-    return !0;
-  };
-  return l(t, s);
-}, be = (t, s) => {
-  let l = {
-    key: "",
-    name: "",
-    children: t
-  };
-  return s.forEach((e) => {
-    if (typeof e != "number") {
-      if (!l) {
-        console.assert(!1, `unpkgProp invalid property keys=${s}`);
-        return;
-      }
-      if (l.ui) {
-        console.assert(
-          !1,
-          `unpkgProp property ui must be invalid keys=${s}`
-        );
-        return;
-      }
-      l = l.children.find((n) => n.key === e);
-    }
-  }), l;
-}, xe = (t, s) => {
-  let l = t;
-  return s.forEach((e) => {
-    if (!l) {
-      console.assert(!1, `unpkgObject object must be valid keys=${s}`);
-      return;
-    }
-    l = l[e];
-  }), l;
-}, te = (t, s, l, e, n, o) => {
-  if (n !== void 0)
-    if (o) {
-      if (l[s.key] === void 0) {
-        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 = 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 = H(s);
-      i !== void 0 && (l[s.key] = i, e(t, l[s.key]));
-    }
-    return l[s.key];
-  }
-}, 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 r = e;
-    (s.ui === "switch" || s.ui === "select" || s.ui === "colorPicker" || s.ui === "multiTypes" || s.ui === "selectComp" || s.ui === "selectSlot" || s.ui === "selectAdaptSlot") && (e || (r = void 0)), r !== l[s.key] && (l[s.key] = r, n(t, l[s.key]));
-  }
-}, Ee = (t) => !(t instanceof Array), Le = (t) => t instanceof Array, Tt = [
-  ["basic", "id"],
-  ["basic", "name"]
-], Nt = (t) => Tt.find((s) => Pe(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 && Le(e.children) ? qt(
-  t,
-  s,
-  l,
-  e,
-  n,
-  o,
-  i
-) : Kt(
-  s,
-  l,
-  e,
-  o,
-  i
-) : s.array ? Ot(
-  t,
-  s,
-  l,
-  e,
-  n,
-  o,
-  i
-) : Bt(
-  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)
-    return console.assert(
-      !1,
-      "execPropertyBranchArray property array must be valid"
-    ), !1;
-  if (!e.children || !Le(e.children))
-    return console.assert(
-      !1,
-      "execPropertyBranchArray state children must be array"
-    ), !1;
-  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[u];
-    s.children.forEach((c) => {
-      if (!a.children || !Ee(a.children)) {
-        console.assert(!1);
-        return;
-      }
-      a.children[c.key] = {
-        change: !1,
-        children: c.array ? [] : {}
-      }, De(
-        t,
-        c,
-        r[u],
-        a.children[c.key],
-        n,
-        u,
-        !0
-      ) && (a.change = !0), a.change && (e.change = !0);
-    });
-  }
-  return e.change || (e.change = !Pe(r, H(s))), e.change;
-}, Bt = (t, s, l, e, n, o, i) => {
-  if (s.ui)
-    return console.assert(
-      !1,
-      "execPropertyBranchScalar property ui must be invalid"
-    ), !1;
-  if (s.array)
-    return console.assert(
-      !1,
-      "execPropertyBranchScalar property array must be invalid"
-    ), !1;
-  if (!e.children || !Ee(e.children))
-    return console.assert(!1, "execPropertyBranchScalar state children must be map"), !1;
-  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, r, e.children[a.key], n) && (e.change = !0);
-  }
-  return e.change;
-}, 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 || !Le(e.children))
-    return console.assert(!1, "execPropertyLeafArray state children must be array"), !1;
-  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,
-      r,
-      e.children[u],
-      n,
-      u,
-      !1
-    ) && (e.change = !0);
-  return e.change || (e.change = !Pe(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 = !Pe(o, H(t, !0)), l.change;
-}, Ge = (t, s, l, e) => {
-  if (s.length <= 0 || !l) {
-    t.value = {};
-    return;
-  }
-  const n = {};
-  s.forEach((o) => {
-    n[o.key] = {
-      change: !1,
-      children: o.array ? [] : {}
-    }, De([], o, l, n[o.key], e);
-  }), t.value = n;
-}, ve = (t, s) => {
-  let l = {
-    change: !1,
-    children: t
-  };
-  return s.forEach((e) => {
-    if (!l)
-      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" ? Ee(l.children) && (l = l.children[e]) : Le(l.children) && (l = l.children[e]);
-  }), l?.change ?? !1;
-}, Ie = /* @__PURE__ */ Symbol(), et = /* @__PURE__ */ Symbol(), tt = /* @__PURE__ */ Symbol(), nt = /* @__PURE__ */ Symbol(), lt = /* @__PURE__ */ Symbol(), ot = /* @__PURE__ */ Symbol(), st = /* @__PURE__ */ Symbol(), it = /* @__PURE__ */ Symbol();
-function Rt(t) {
-  re(Ie, t);
+import { a as cloneDeep_default, i as isEqual_default, n as setCollapse, r as tidyList, t as getListEntry } from "./vendor.gmzhs72f.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, inject, isRef, mergeModels, mergeProps, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDirective, toDisplayString, unref, useId, useModel, useTemplateRef, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { useI18n } from "vue-i18n";
+import { eventBus, globalObjects, injectDark, injectLocale, openNumberDlg, openPromptDlg, useColor, useSystem, useViewStack } from "x-essential-lib";
+import { elements, getPropertyDefault, getTag, makeSlotId, parsePercentStr, parsePixelStr, pkgs } from "x-runtime-lib";
+import { globalState } from "x-state-lib";
+import { useDisplay } from "vuetify";
+import { XBlockly } from "x-block-lib";
+const isBranchChildrenMap = (e) => !(e instanceof Array), isBranchChildrenArray = (e) => e instanceof Array, isPropertyCompatible = (e, m) => {
+	let g = (e, m) => {
+		if (e.ui !== m.ui || e.array !== m.array) return !1;
+		if (e.ui || m.ui) return !0;
+		if (e.children.length !== m.children.length) return !1;
+		for (let _ = 0; _ < e.children.length; _++) if (!g(e.children[_], m.children[_])) return !1;
+		return !0;
+	};
+	return g(e, m);
+}, unpkgProperty = (e, m) => {
+	let g = {
+		key: "",
+		name: "",
+		children: e
+	};
+	return m.forEach((e) => {
+		if (typeof e != "number") {
+			if (!g) {
+				console.assert(!1, `unpkgProp invalid property keys=${m}`);
+				return;
+			}
+			if (g.ui) {
+				console.assert(!1, `unpkgProp property ui must be invalid keys=${m}`);
+				return;
+			}
+			g = g.children.find((m) => m.key === e);
+		}
+	}), g;
+}, unpkgObject = (e, m) => {
+	let g = e;
+	return m.forEach((e) => {
+		if (!g) {
+			console.assert(!1, `unpkgObject object must be valid keys=${m}`);
+			return;
+		}
+		g = g[e];
+	}), g;
+}, getModelValue = (e, m, g, _, v, y) => {
+	if (v !== void 0) if (y) {
+		if (g[m.key] === void 0) {
+			let v = getPropertyDefault(m);
+			v !== void 0 && (g[m.key] = v, _(e, g[m.key]));
+		}
+		return g[m.key];
+	} else {
+		if (g[v] === void 0) {
+			let y = getPropertyDefault(m, !0);
+			y !== void 0 && (g[v] = y, _(e, g[v]));
+		}
+		return g[v];
+	}
+	else {
+		if (g[m.key] === void 0) {
+			let v = getPropertyDefault(m);
+			v !== void 0 && (g[m.key] = v, _(e, g[m.key]));
+		}
+		return g[m.key];
+	}
+}, setModelValue = (e, m, g, _, v, y, b) => {
+	if (y !== void 0) b ? _ !== g[m.key] && (g[m.key] = _, v(e, g[m.key])) : _ !== g[y] && (g[y] = _, v(e, g[y]));
+	else {
+		let y = _;
+		(m.ui === "switch" || m.ui === "select" || m.ui === "colorPicker" || m.ui === "multiTypes" || m.ui === "selectComp" || m.ui === "selectSlot" || m.ui === "selectAdaptSlot") && (_ || (y = void 0)), y !== g[m.key] && (g[m.key] = y, v(e, g[m.key]));
+	}
+}, isPropertyStateChildrenMap = (e) => !(e instanceof Array), isPropertyStateChildrenArray = (e) => e instanceof Array;
+var propertyStateIgnores = [["basic", "id"], ["basic", "name"]], isPropertyStateIgnored = (e) => propertyStateIgnores.find((g) => isEqual_default(e, g));
+const execProperty = (m, g, _, v, y, b, x) => (m = cloneDeep_default(m), b === void 0 ? m.push(g.key) : (m.push(b), x && m.push(g.key)), isPropertyStateIgnored(m) ? (v.change = !1, v.change) : g.ui ? g.array && v.children && isPropertyStateChildrenArray(v.children) ? execPropertyLeafArray(m, g, _, v, y, b, x) : execPropertyLeafScalar(g, _, v, b, x) : g.array ? execPropertyBranchArray(m, g, _, v, y, b, x) : execPropertyBranchScalar(m, g, _, v, y, b, x));
+var execPropertyBranchArray = (e, g, _, v, y, b, x) => {
+	if (g.ui) return console.assert(!1, "execPropertyBranchArray property ui must be invalid"), !1;
+	if (!g.array) return console.assert(!1, "execPropertyBranchArray property array must be valid"), !1;
+	if (!v.children || !isPropertyStateChildrenArray(v.children)) return console.assert(!1, "execPropertyBranchArray state children must be array"), !1;
+	let S;
+	b !== void 0 && !x ? (_[b] instanceof Array || (_[b] = getPropertyDefault(g), y?.(e, _[b])), S = _[b]) : (_[g.key] instanceof Array || (_[g.key] = getPropertyDefault(g), y?.(e, _[g.key])), S = _[g.key]), v.change = !1;
+	for (let m = 0; m < S.length; m++) {
+		v.children.push({
+			change: !1,
+			children: {}
+		});
+		let _ = v.children[m];
+		g.children.forEach((g) => {
+			if (!_.children || !isPropertyStateChildrenMap(_.children)) {
+				console.assert(!1);
+				return;
+			}
+			_.children[g.key] = {
+				change: !1,
+				children: g.array ? [] : {}
+			}, execProperty(e, g, S[m], _.children[g.key], y, m, !0) && (_.change = !0), _.change && (v.change = !0);
+		});
+	}
+	return v.change ||= !isEqual_default(S, getPropertyDefault(g)), v.change;
+}, execPropertyBranchScalar = (e, m, g, _, v, y, b) => {
+	if (m.ui) return console.assert(!1, "execPropertyBranchScalar property ui must be invalid"), !1;
+	if (m.array) return console.assert(!1, "execPropertyBranchScalar property array must be invalid"), !1;
+	if (!_.children || !isPropertyStateChildrenMap(_.children)) return console.assert(!1, "execPropertyBranchScalar state children must be map"), !1;
+	let x;
+	y !== void 0 && !b ? (g[y] || (g[y] = {}), x = g[y]) : (g[m.key] || (g[m.key] = {}), x = g[m.key]), _.change = !1;
+	for (let g = 0; g < m.children.length; g++) {
+		let y = m.children[g];
+		_.children[y.key] = {
+			change: !1,
+			children: y.array ? [] : {}
+		}, execProperty(e, y, x, _.children[y.key], v) && (_.change = !0);
+	}
+	return _.change;
+}, execPropertyLeafArray = (e, g, _, v, y, b, x) => {
+	if (!g.ui) return console.assert(!1, "execPropertyLeafArray property ui must be valid"), !1;
+	if (!g.array) return console.assert(!1, "execPropertyLeafArray property aray must be valid"), !1;
+	if (!v.children || !isPropertyStateChildrenArray(v.children)) return console.assert(!1, "execPropertyLeafArray state children must be array"), !1;
+	let S;
+	b !== void 0 && !x ? (_[b] instanceof Array || (_[b] = getPropertyDefault(g), y?.(e, _[b])), S = _[b]) : (_[g.key] instanceof Array || (_[g.key] = getPropertyDefault(g), y?.(e, _[g.key])), S = _[g.key]), v.change = !1;
+	for (let m = 0; m < S.length; m++) v.children[m] = {
+		change: !1,
+		children: {}
+	}, execProperty(e, g, S, v.children[m], y, m, !1) && (v.change = !0);
+	return v.change ||= !isEqual_default(S, getPropertyDefault(g)), v.change;
+}, execPropertyLeafScalar = (e, g, _, v, y) => {
+	if (!e.ui) return console.assert(!1, "execPropertyLeafScalar property ui must be valid"), !1;
+	let b;
+	return b = v !== void 0 && !y ? g[v] : g[e.key], _.change = !isEqual_default(b, getPropertyDefault(e, !0)), _.change;
+};
+const rebuildPropertyState = (e, m, g, _) => {
+	if (m.length <= 0 || !g) {
+		e.value = {};
+		return;
+	}
+	let v = {};
+	m.forEach((e) => {
+		v[e.key] = {
+			change: !1,
+			children: e.array ? [] : {}
+		}, execProperty([], e, g, v[e.key], _);
+	}), e.value = v;
+}, isPropertyChanged = (e, m) => {
+	let g = {
+		change: !1,
+		children: e
+	};
+	return m.forEach((e) => {
+		if (!g || !g.children) return console.assert(!1, `isPropChanged state must be valid keys=${m}`), !1;
+		typeof e == "string" ? isPropertyStateChildrenMap(g.children) && (g = g.children[e]) : isPropertyStateChildrenArray(g.children) && (g = g.children[e]);
+	}), g?.change ?? !1;
+};
+var versionKey = Symbol(), configKey = Symbol(), objectKey = Symbol(), propertyStatesKey = Symbol(), changeEventKey = Symbol(), compListKey = Symbol(), slotListKey = Symbol(), adaptSlotListKey = Symbol();
+function provideVersion(e) {
+	provide(versionKey, e);
 }
-function Je() {
-  return ae(Ie);
+function injectVersion() {
+	return inject(versionKey);
 }
-function Et(t) {
-  re(et, t);
+function provideConfig(e) {
+	provide(configKey, e);
 }
-function Jt() {
-  return ae(et);
+function injectConfig() {
+	return inject(configKey);
 }
-function Xt(t) {
-  re(tt, t);
+function provideObject(e) {
+	provide(objectKey, e);
 }
-function Ht() {
-  return ae(tt);
+function injectObject() {
+	return inject(objectKey);
 }
-function Ft(t) {
-  re(nt, t);
+function providePropertyStates(e) {
+	provide(propertyStatesKey, e);
 }
-function zt() {
-  return ae(nt);
+function injectPropertyStates() {
+	return inject(propertyStatesKey);
 }
-function Gt(t) {
-  re(lt, t);
+function provideChangeEvent(e) {
+	provide(changeEventKey, e);
 }
-function Yt() {
-  return ae(lt);
+function injectChangeEvent() {
+	return inject(changeEventKey);
 }
-function Wt(t) {
-  re(ot, t);
+function provideCompList(e) {
+	provide(compListKey, e);
 }
-function ut() {
-  return ae(ot);
+function injectCompList() {
+	return inject(compListKey);
 }
-function Qt(t) {
-  re(st, t);
+function provideSlotList(e) {
+	provide(slotListKey, e);
 }
-function rt() {
-  return ae(st);
+function injectSlotList() {
+	return inject(slotListKey);
 }
-function Zt(t) {
-  re(it, t);
+function provideAdaptSlotList(e) {
+	provide(adaptSlotListKey, e);
 }
-function at() {
-  return ae(it);
+function injectAdaptSlotList() {
+	return inject(adaptSlotListKey);
 }
-const jt = /* @__PURE__ */ E({
-  __name: "index",
-  setup(t) {
-    const { t: s } = ne(), l = Jt(), e = Ht(), n = zt(), o = Yt(), i = O(0), r = O(0), u = O([]), a = L(() => [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 A = xe(e.value, u.value.slice(0, -1));
-            if (!A)
-              return;
-            A[u.value[u.value.length - 1]] = H(V), o(u.value, A[u.value[u.value.length - 1]]);
-          } else if (V.array) {
-            const A = u.value[u.value.length - 1];
-            if (A === void 0) {
-              console.assert(!1, "invalid last key");
-              return;
-            }
-            if (typeof A == "string") {
-              const T = xe(e.value, u.value.slice(0, -1));
-              if (!T)
-                return;
-              T[u.value[u.value.length - 1]] = H(V), o(u.value, T[u.value[u.value.length - 1]]);
-            } else {
-              const T = xe(e.value, u.value);
-              if (!T)
-                return;
-              V.children.forEach((Q) => {
-                T[Q.key] = H(V), o([...u.value, Q.key], T[Q.key]);
-              });
-            }
-          } else {
-            const A = xe(e.value, u.value);
-            if (!A)
-              return;
-            V.children.forEach((T) => {
-              A[T.key] = H(V), o([...u.value, T.key], A[T.key]);
-            });
-          }
-      };
-      U() && x.push({
-        title: s("x-prop-tree.reset"),
-        func: 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 }));
-      };
-      x.push({
-        title: s("x-prop-tree.copy"),
-        func: U
-      });
-    }, m = (x) => {
-      const U = () => {
-        const V = localStorage.getItem("propTreeCopy");
-        if (!V)
-          return !1;
-        try {
-          const { property: A } = JSON.parse(V);
-          if (!A)
-            return !1;
-          const T = be(l.value, u.value);
-          return Dt(A, T);
-        } catch (A) {
-          console.error(A);
-        }
-        return !1;
-      }, g = () => {
-        if (!U())
-          return;
-        const V = localStorage.getItem("propTreeCopy");
-        if (V)
-          try {
-            const { object: A } = JSON.parse(V), T = be(l.value, u.value);
-            console.log(A, T);
-          } catch (A) {
-            console.error(A);
-          }
-      };
-      U() && x.push({
-        title: s("x-prop-tree.paste"),
-        func: g
-      });
-    }, p = L(() => {
-      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"), A = $("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: K(() => [
-          w(A, null, {
-            default: K(() => [
-              (k(!0), q(me, null, Me(p.value, (Q, he) => (k(), B(V, {
-                key: he,
-                link: "",
-                onClick: Q.func
-              }, {
-                default: K(() => [
-                  w(g, null, {
-                    default: K(() => [
-                      ge(J(Q.title), 1)
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]),
-                _: 2
-              }, 1032, ["onClick"]))), 128))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["modelValue", "target"]);
-    };
-  }
-}), It = { style: { pointerEvents: "none" } }, we = /* @__PURE__ */ E({
-  __name: "index",
-  props: {
-    title: {},
-    collapse: { type: Boolean },
-    hasCreate: { type: Boolean, default: !1 },
-    hasDelete: { type: Boolean, default: !1 },
-    index: { default: 0 }
-  },
-  emits: ["collapse", "menu", "create", "delete"],
-  setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = I(), n = s, o = O(!1), i = L(() => ({
-      background: o.value ? e.value : l.value,
-      height: "36px",
-      marginBottom: "1px",
-      userSelect: "none"
-    })), r = () => {
-      n("collapse", !t.collapse);
-    }, u = (a) => {
-      n("menu", a.clientX, a.clientY);
-    };
-    return (a, c) => {
-      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: 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)
-      }, [
-        w(v, {
-          class: "mr-1",
-          icon: t.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
-        }, null, 8, ["icon"]),
-        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"]))
-        })) : 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"]))
-        })) : Y("", !0)
-      ], 36)), [
-        [d]
-      ]);
-    };
-  }
+var menu_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	setup(e) {
+		let { t: m } = useI18n(), g = injectConfig(), _ = injectObject(), v = injectPropertyStates(), S = injectChangeEvent(), w = ref(0), D = ref(0), O = ref([]), k = computed(() => [w.value, D.value]), j = (e) => {
+			(() => !(O.value.length <= 0 || !isPropertyChanged(v.value, O.value)))() && e.push({
+				title: m("x-prop-tree.reset"),
+				func: () => {
+					let e = unpkgProperty(g.value, O.value);
+					if (e) if (e.ui) {
+						let m = unpkgObject(_.value, O.value.slice(0, -1));
+						if (!m) return;
+						m[O.value[O.value.length - 1]] = getPropertyDefault(e), S(O.value, m[O.value[O.value.length - 1]]);
+					} else if (e.array) {
+						let m = O.value[O.value.length - 1];
+						if (m === void 0) {
+							console.assert(!1, "invalid last key");
+							return;
+						}
+						if (typeof m == "string") {
+							let m = unpkgObject(_.value, O.value.slice(0, -1));
+							if (!m) return;
+							m[O.value[O.value.length - 1]] = getPropertyDefault(e), S(O.value, m[O.value[O.value.length - 1]]);
+						} else {
+							let m = unpkgObject(_.value, O.value);
+							if (!m) return;
+							e.children.forEach((g) => {
+								m[g.key] = getPropertyDefault(e), S([...O.value, g.key], m[g.key]);
+							});
+						}
+					} else {
+						let m = unpkgObject(_.value, O.value);
+						if (!m) return;
+						e.children.forEach((g) => {
+							m[g.key] = getPropertyDefault(e), S([...O.value, g.key], m[g.key]);
+						});
+					}
+				}
+			});
+		}, M = (e) => {
+			(() => !0)() && e.push({
+				title: m("x-prop-tree.copy"),
+				func: () => {
+					let e = unpkgProperty(g.value, O.value), m = unpkgObject(_.value, O.value);
+					localStorage.setItem("propTreeCopy", JSON.stringify({
+						property: e,
+						object: m
+					}));
+				}
+			});
+		}, N = (e) => {
+			let _ = () => {
+				let e = localStorage.getItem("propTreeCopy");
+				if (!e) return !1;
+				try {
+					let { property: m } = JSON.parse(e);
+					return m ? isPropertyCompatible(m, unpkgProperty(g.value, O.value)) : !1;
+				} catch (e) {
+					console.error(e);
+				}
+				return !1;
+			};
+			_() && e.push({
+				title: m("x-prop-tree.paste"),
+				func: () => {
+					if (!_()) return;
+					let e = localStorage.getItem("propTreeCopy");
+					if (e) try {
+						let { object: m } = JSON.parse(e), _ = unpkgProperty(g.value, O.value);
+						console.log(m, _);
+					} catch (e) {
+						console.error(e);
+					}
+				}
+			});
+		}, P = computed(() => {
+			let e = [];
+			return j(e), M(e), N(e), e;
+		}), { open: F } = useViewStack("propTreeMenu", (e) => {
+			w.value = e.x, D.value = e.y, O.value = e.keys;
+		});
+		return (e, m) => {
+			let g = resolveComponent("v-list-item-title"), _ = resolveComponent("v-list-item"), v = resolveComponent("v-list"), b = resolveComponent("v-menu");
+			return openBlock(), createBlock(b, {
+				modelValue: unref(F),
+				"onUpdate:modelValue": m[0] ||= (e) => isRef(F) ? F.value = e : null,
+				"location-strategy": "connected",
+				scrim: "transparent",
+				target: k.value
+			}, {
+				default: withCtx(() => [createVNode(v, null, {
+					default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(P.value, (e, m) => (openBlock(), createBlock(_, {
+						key: m,
+						link: "",
+						onClick: e.func
+					}, {
+						default: withCtx(() => [createVNode(g, null, {
+							default: withCtx(() => [createTextVNode(toDisplayString(e.title), 1)]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1032, ["onClick"]))), 128))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["modelValue", "target"]);
+		};
+	}
+}), _hoisted_1$18 = { style: { pointerEvents: "none" } }, title_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		title: {},
+		collapse: { type: Boolean },
+		hasCreate: {
+			type: Boolean,
+			default: !1
+		},
+		hasDelete: {
+			type: Boolean,
+			default: !1
+		},
+		index: { default: 0 }
+	},
+	emits: [
+		"collapse",
+		"menu",
+		"create",
+		"delete"
+	],
+	setup(e, { emit: m }) {
+		let { backgroundColor2: g, highlightColor: _ } = useColor(), v = m, y = ref(!1), T = computed(() => ({
+			background: y.value ? _.value : g.value,
+			height: "36px",
+			marginBottom: "1px",
+			userSelect: "none"
+		})), D = () => {
+			v("collapse", !e.collapse);
+		}, O = (e) => {
+			v("menu", e.clientX, e.clientY);
+		};
+		return (m, g) => {
+			let _ = resolveComponent("v-icon"), b = resolveComponent("v-spacer"), k = resolveComponent("v-btn"), A = resolveDirective("ripple");
+			return withDirectives((openBlock(), createElementBlock("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: normalizeStyle(T.value),
+				onClick: D,
+				onContextmenu: withModifiers(O, ["self", "prevent"]),
+				onMouseout: g[2] ||= (e) => y.value = !1,
+				onMouseover: g[3] ||= (e) => y.value = !0
+			}, [
+				createVNode(_, {
+					class: "mr-1",
+					icon: e.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
+				}, null, 8, ["icon"]),
+				createElementVNode("span", _hoisted_1$18, toDisplayString(e.title), 1),
+				createVNode(b),
+				e.hasCreate ? (openBlock(), createBlock(k, {
+					key: 0,
+					class: "mx-3",
+					density: "compact",
+					icon: "mdi-plus",
+					variant: "text",
+					onClick: g[0] ||= withModifiers((e) => v("create"), ["stop"])
+				})) : createCommentVNode("", !0),
+				e.hasDelete ? (openBlock(), createBlock(k, {
+					key: 1,
+					class: "mx-3",
+					density: "compact",
+					icon: "mdi-minus",
+					variant: "text",
+					onClick: g[1] ||= withModifiers((m) => v("delete", e.index), ["stop"])
+				})) : createCommentVNode("", !0)
+			], 36)), [[A]]);
+		};
+	}
 });
-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 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(U.name),
-        position: x,
-        collapse: g?.collapse ?? !0,
-        count: 0
-      });
-      let V = 0;
-      for (const A of U.items) {
-        const T = Mt[A];
-        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: Te,
-              position: V++,
-              group: U.key
-            });
-          }
-      }
-    }
-    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: U,
-        position: g,
-        collapse: V?.collapse ?? !0
-      });
-    }
-    let C = 0;
-    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), A = `${x.name} / ${g.name}`;
-          m.push({
-            id: V,
-            type: 1,
-            name: A,
-            position: C++,
-            group: x.groupId
-          });
-        }
-    }
-    return Ze(m, !0);
-  }, i = () => {
-    n.value = o();
-  };
-  let r;
-  const u = () => {
-    clearTimeout(r), r = window.setTimeout(() => {
-      i(), r && u();
-    }, 1e3);
-  }, a = () => {
-    clearTimeout(r), r = void 0;
-  };
-  Oe(() => {
-    u();
-  }), Be(() => {
-    a();
-  }), ie([t, s, l], () => {
-    i(), u();
-  });
+function useAdaptSlotList(e, m, g) {
+	let { i18n: y } = globalObjects, b = ref([]);
+	provideAdaptSlotList(b);
+	let x = () => {
+		if (!e.value || !m.value || !g.value) return [];
+		let x = pkgs[e.value];
+		if (!x) return console.assert(!1, `invalid version=${e.value}`), [];
+		let S = getTag(m.value, g.value), C = [];
+		for (let e = 0; e < x.groups[S].length; e++) {
+			let m = x.groups[S][e], g = getListEntry(b, m.key);
+			C.push({
+				id: m.key,
+				type: 0,
+				name: y.global.t(m.name),
+				position: e,
+				collapse: g?.collapse ?? !0,
+				count: 0
+			});
+			let _ = 0;
+			for (let e of m.items) {
+				let g = elements[e];
+				if (g && !g.internal && g.slots) for (let e of g.slots) {
+					let v = makeSlotId("elementSlot", g.key, e.key), b = `${y.global.t(g.name)} / ${y.global.t(e.name)}`;
+					C.push({
+						id: v,
+						type: 1,
+						name: b,
+						position: _++,
+						group: m.key
+					});
+				}
+			}
+		}
+		let { activeApp: w, depends: T } = globalState.app;
+		for (let { id: e, name: m, position: g } of w.compGroups) {
+			let _ = getListEntry(b, e);
+			C.push({
+				id: e,
+				type: 0,
+				name: m,
+				position: g,
+				collapse: _?.collapse ?? !0
+			});
+		}
+		let E = 0;
+		for (let e of w.comps) {
+			let m = T[e.id];
+			if (m && m.meta.slots) for (let g of m.meta.slots) {
+				let m = makeSlotId("customSlot", e.id, g.id), _ = `${e.name} / ${g.name}`;
+				C.push({
+					id: m,
+					type: 1,
+					name: _,
+					position: E++,
+					group: e.groupId
+				});
+			}
+		}
+		return tidyList(C, !0);
+	}, S = () => {
+		b.value = x();
+	}, C, w = () => {
+		clearTimeout(C), C = window.setTimeout(() => {
+			S(), C && w();
+		}, 1e3);
+	}, T = () => {
+		clearTimeout(C), C = void 0;
+	};
+	onMounted(() => {
+		w();
+	}), onBeforeUnmount(() => {
+		T();
+	}), watch([
+		e,
+		m,
+		g
+	], () => {
+		S(), w();
+	});
 }
-function tn() {
-  const t = O([]);
-  Wt(t);
-  const s = () => {
-    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: v?.collapse ?? !0
-      });
-    }
-    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 = () => {
-    clearTimeout(l), l = window.setTimeout(() => {
-      s(), l && e();
-    }, 1e3);
-  }, n = () => {
-    clearTimeout(l), l = void 0;
-  };
-  Oe(() => {
-    e();
-  }), Be(() => {
-    n();
-  });
+function useCompList() {
+	let e = ref([]);
+	provideCompList(e);
+	let m = () => {
+		let { activeApp: m, depends: g } = globalState.app, v = [];
+		for (let { id: g, name: _, position: y } of m.compGroups) {
+			let m = e.value.find((e) => e.id === g);
+			v.push({
+				id: g,
+				type: 0,
+				name: _,
+				position: y,
+				collapse: m?.collapse ?? !0
+			});
+		}
+		for (let { id: e, groupId: _, name: y, position: b } of m.comps) g[e] && v.push({
+			id: e,
+			type: 1,
+			name: y,
+			position: b,
+			group: _
+		});
+		tidyList(v, !0), e.value = v;
+	}, g, v = () => {
+		clearTimeout(g), g = window.setTimeout(() => {
+			m(), g && v();
+		}, 1e3);
+	}, y = () => {
+		clearTimeout(g), g = void 0;
+	};
+	onMounted(() => {
+		v();
+	}), onBeforeUnmount(() => {
+		y();
+	});
 }
-function nn() {
-  const t = O([]);
-  Qt(t);
-  const s = () => {
-    const { activeObject: i, activeComp: r } = Ke.app;
-    if (i.type !== "comp")
-      return [];
-    if (!r.meta.slots)
-      return [];
-    const u = [];
-    for (const { id: a, name: c } of r.meta.slots)
-      u.push({ id: a, name: c });
-    return u;
-  }, l = () => {
-    t.value = s();
-  };
-  let e;
-  const n = () => {
-    clearTimeout(e), e = window.setTimeout(() => {
-      l(), e && n();
-    }, 1e3);
-  }, o = () => {
-    clearTimeout(e), e = void 0;
-  };
-  Oe(() => {
-    n();
-  }), Be(() => {
-    o();
-  });
+function useSlotList() {
+	let e = ref([]);
+	provideSlotList(e);
+	let m = () => {
+		let { activeObject: e, activeComp: m } = globalState.app;
+		if (e.type !== "comp" || !m.meta.slots) return [];
+		let g = [];
+		for (let { id: e, name: _ } of m.meta.slots) g.push({
+			id: e,
+			name: _
+		});
+		return g;
+	}, g = () => {
+		e.value = m();
+	}, _, v = () => {
+		clearTimeout(_), _ = window.setTimeout(() => {
+			g(), _ && v();
+		}, 1e3);
+	}, y = () => {
+		clearTimeout(_), _ = void 0;
+	};
+	onMounted(() => {
+		v();
+	}), onBeforeUnmount(() => {
+		y();
+	});
 }
-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 = L(() => ({
-      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 = L(() => ({
-      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 = L(() => {
-      let p = "100%";
-      return l.mdAndUp.value && (p = "400px"), {
-        background: o.value,
-        width: p,
-        height: "100%"
-      };
-    }), a = L(() => {
-      let p = 48;
-      return e.value && (p += 24), {
-        position: "relative",
-        height: `calc(100% - ${p}px)`
-      };
-    }), c = L(() => ({
-      height: "60px"
-    })), v = L(() => {
-      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] = Ae(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__ */ j({
-    hasDelete: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ j(["delete"], ["update:modelValue"]),
-  setup(t, { emit: s }) {
-    const { t: l } = ne(), e = F(t, "modelValue"), n = s, o = L(() => {
-      let u = "100%";
-      return t.hasDelete && (u = "calc(100% - 37px)"), {
-        width: u
-      };
-    }), i = L(() => 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: K(({ props: p }) => [
-          D("div", vn, [
-            D("div", {
-              class: "flex-grow-1",
-              style: G(o.value)
-            }, [
-              w(c, Ve(p, {
-                block: "",
-                color: e.value,
-                density: "comfortable",
-                disabled: i.value
-              }), {
-                default: K(() => [
-                  ge(J(e.value ? e.value : M(l)("x-runtime-lib.notSet")), 1)
-                ]),
-                _: 1
-              }, 16, ["color", "disabled"])
-            ], 4),
-            t.hasDelete ? (k(), B(c, {
-              key: 0,
-              class: "mx-2",
-              density: "compact",
-              icon: "mdi-minus",
-              variant: "text",
-              onClick: a[0] || (a[0] = X((d) => n("delete"), ["stop"]))
-            })) : Y("", !0)
-          ])
-        ]),
-        default: K(() => [
-          w(v, {
-            modelValue: e.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (p) => e.value = p),
-            mode: "hexa",
-            "show-swatches": "",
-            "swatches-max-height": "150px"
-          }, null, 8, ["modelValue"])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), gn = { class: "text-subtitle-2 ml-1" }, yn = { class: "text-caption text-grey ml-1" }, hn = /* @__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 = L(() => ({
-      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", gn, J(n.title), 1),
-        D("span", yn, J(n.count), 1)
-      ], 36)), [
-        [v]
-      ]);
-    };
-  }
-}), kn = { class: "text-subtitle-1 ml-6" }, xn = /* @__PURE__ */ E({
-  __name: "item",
-  props: {
-    id: {},
-    title: {}
-  },
-  emits: ["x-click"],
-  setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = I(), n = t, o = s, i = O(!1), r = L(() => ({
-      background: i.value ? e.value : l.value,
-      height: "48px",
-      marginBottom: "1px",
-      userSelect: "none"
-    }));
-    return (u, a) => {
-      const c = ee("ripple");
-      return Z((k(), q("div", {
-        class: "d-flex align-center cursor-pointer",
-        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)
-      }, [
-        D("span", kn, J(n.title), 1)
-      ], 36)), [
-        [c]
-      ]);
-    };
-  }
-}), _n = { key: 0 }, Sn = {
-  key: 1,
-  class: "text-body-2 text-grey ml-3"
-}, Vn = /* @__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 = 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 (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 ? (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"])) : Y("", !0),
-        a.type === 1 && a.show ? (k(), B(xn, {
-          key: 1,
-          id: a.id,
-          title: a.name,
-          onXClick: i
-        }, null, 8, ["id", "title"])) : Y("", !0)
-      ], 64))), 128))
-    ])) : (k(), q("div", Sn, J(M(s)(["x-prop-tree.no", "x-prop-tree.comp"])), 1));
-  }
-}), Cn = { class: "text-subtitle-1" }, $n = /* @__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 = ut(), u = L(() => {
-      let p = "100%";
-      return l.mdAndUp.value && (p = "400px"), {
-        background: o.value,
-        width: p,
-        height: "100%"
-      };
-    }), a = L(() => {
-      let p = 48;
-      return e.value && (p += 24), {
-        position: "relative",
-        height: `calc(100% - ${p}px)`
-      };
-    }), c = L(() => ({
-      height: "60px"
-    })), v = L(() => {
-      if (!i.value)
-        return s("x-runtime-lib.notSet");
-      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: d[6] || (d[6] = Ae(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", Cn, J(M(n)(["x-prop-tree.select", "x-prop-tree.comp"])), 1)
-                ]),
-                _: 1
-              }),
-              D("div", {
-                class: "overflow-y-auto",
-                style: G(a.value)
-              }, [
-                w(Vn, {
-                  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"]);
-    };
-  }
-}), Un = /* @__PURE__ */ E({
-  __name: "editor",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {},
-    lock: { type: Boolean, required: !0 },
-    lockModifiers: {},
-    scale: { required: !0 },
-    scaleModifiers: {}
-  },
-  emits: ["update:modelValue", "update:lock", "update:scale"],
-  setup(t, { expose: s }) {
-    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 v = u.value.save();
-      l.value = JSON.stringify(v, null, 2);
-    } }), (v, m) => (k(), B(M(Lt), {
-      ref_key: "target",
-      ref: u,
-      lock: e.value,
-      "onUpdate:lock": m[0] || (m[0] = (p) => e.value = p),
-      scale: n.value,
-      "onUpdate:scale": m[1] || (m[1] = (p) => n.value = p),
-      dark: M(o),
-      locale: M(i),
-      type: "json",
-      version: M(r),
-      onReady: a
-    }, null, 8, ["lock", "scale", "dark", "locale", "version"]));
-  }
-}), bn = { class: "text-subtitle-1" }, wn = /* @__PURE__ */ E({
-  __name: "index",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(t) {
-    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 = L(() => {
-      let p = 48;
-      return l.value && (p += 24), {
-        position: "relative",
-        background: n.value,
-        height: `calc(100% - ${p}px)`
-      };
-    }), c = L(() => s("x-prop-tree.jsonEditor")), { open: v } = ye(`propTreejsonEditorDlg${_e()}`);
-    Se(() => {
-      v.value = !1;
-    });
-    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: d[5] || (d[5] = Ae(X((V) => v.value = !1, ["stop", "prevent"]), ["esc"]))
-      }, {
-        activator: K(({ props: V }) => [
-          w(C, Ve(V, {
-            block: "",
-            density: "comfortable"
-          }), {
-            default: K(() => [
-              ge(J(c.value), 1)
-            ]),
-            _: 1
-          }, 16)
-        ]),
-        default: K(() => [
-          w(x, {
-            color: M(e),
-            height: "100%",
-            width: "100%"
-          }, {
-            default: K(() => [
-              M(l) ? (k(), B(x, {
-                key: 0,
-                color: M(o),
-                height: 24
-              }, null, 8, ["color"])) : Y("", !0),
-              w(x, {
-                class: "d-flex align-center px-2",
-                color: M(o),
-                height: 48
-              }, {
-                default: K(() => [
-                  w(C, {
-                    density: "comfortable",
-                    icon: "mdi-close",
-                    variant: "text",
-                    onClick: d[0] || (d[0] = (V) => v.value = !1)
-                  }),
-                  D("span", bn, J(c.value), 1),
-                  w(U)
-                ]),
-                _: 1
-              }, 8, ["color"]),
-              D("div", {
-                style: G(a.value)
-              }, [
-                w(Un, {
-                  ref_key: "editor",
-                  ref: m,
-                  modelValue: i.value,
-                  "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)
-            ]),
-            _: 1
-          }, 8, ["color"])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), Mn = { class: "d-flex justify-space-between align-center my-2" }, An = { class: "flex-grow-1" }, Pn = /* @__PURE__ */ E({
-  __name: "index",
-  props: /* @__PURE__ */ j({
-    hasDelete: { type: Boolean, default: !1 },
-    types: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ j(["delete"], ["update:modelValue"]),
-  setup(t, { emit: s }) {
-    const { t: l } = ne(), { isMobile: e } = le(), n = F(t, "modelValue"), o = s, i = Je(), r = L(() => qe[i.value].types[t.types]), u = O(0), a = L(() => {
-      const d = [];
-      return r.value?.forEach(({ title: C }, x) => {
-        d.push({
-          title: l(C),
-          value: x
-        });
-      }), d;
-    });
-    He(() => {
-      r.value?.some((d, C) => d.validator(n.value) ? (u.value = C, !0) : !1);
-    });
-    const c = L(() => r.value?.[u.value]), v = () => {
-      n.value = c.value?.default;
-    }, m = O(0), p = async (d) => {
-      if (!d || !e() || c.value.ui !== "pixelInput" && c.value.ui !== "percentInput")
-        return;
-      const C = await We({
-        title: "",
-        value: m.value,
-        precision: c.value.precision,
-        min: c.value.min,
-        max: c.value.max,
-        step: c.value.step
-      });
-      C !== void 0 && (m.value = C);
-    };
-    return He(() => {
-      c.value?.ui === "pixelInput" ? m.value = At(n.value) : c.value?.ui === "percentInput" && (m.value = Pt(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", An, [
-          Z(w(x, {
-            modelValue: u.value,
-            "onUpdate:modelValue": [
-              C[0] || (C[0] = (A) => u.value = A),
-              v
-            ],
-            density: "compact",
-            "hide-details": "",
-            items: a.value,
-            "single-line": ""
-          }, null, 8, ["modelValue", "items"]), [
-            [
-              V,
-              void 0,
-              void 0,
-              { stop: !0 }
-            ]
-          ]),
-          c.value?.ui === "pixelInput" || c.value?.ui === "percentInput" ? Z((k(), B(U, {
-            key: 0,
-            modelValue: m.value,
-            "onUpdate:modelValue": C[1] || (C[1] = (A) => m.value = A),
-            "control-variant": "stacked",
-            density: "compact",
-            "hide-details": "",
-            max: c.value.max,
-            min: c.value.min,
-            precision: c.value.precision,
-            "single-line": "",
-            step: c.value.step,
-            "onUpdate:focused": p
-          }, null, 8, ["modelValue", "max", "min", "precision", "step"])), [
-            [
-              V,
-              void 0,
-              void 0,
-              { stop: !0 }
-            ]
-          ]) : Y("", !0)
-        ]),
-        t.hasDelete ? (k(), B(g, {
-          key: 0,
-          class: "mx-2",
-          density: "compact",
-          icon: "mdi-minus",
-          variant: "text",
-          onClick: C[2] || (C[2] = X((A) => o("delete"), ["stop"]))
-        })) : Y("", !0)
-      ]);
-    };
-  }
-}), Ln = { class: "d-flex justify-space-between align-center" }, Dn = /* @__PURE__ */ E({
-  __name: "index",
-  props: /* @__PURE__ */ j({
-    hasDelete: { type: Boolean, default: !1 },
-    precision: { default: () => {
-    } },
-    min: { default: () => -1 / 0 },
-    max: { default: () => 1 / 0 },
-    step: { default: 1 },
-    readonly: { type: Boolean, default: !1 }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ j(["delete"], ["update:modelValue"]),
-  setup(t, { emit: s }) {
-    const { isMobile: l } = le(), e = F(t, "modelValue"), n = s, o = async (i) => {
-      if (!i || t.readonly || !l())
-        return;
-      const r = await We({
-        title: "",
-        value: e.value,
-        precision: t.precision,
-        min: t.min,
-        max: t.max,
-        step: t.step
-      });
-      r !== void 0 && (e.value = r);
-    };
-    return (i, r) => {
-      const u = $("v-number-input"), a = $("v-btn"), c = ee("ripple");
-      return k(), q("div", Ln, [
-        Z(w(u, {
-          modelValue: e.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (v) => e.value = v),
-          "control-variant": "stacked",
-          density: "compact",
-          "hide-details": "",
-          max: t.max,
-          min: t.min,
-          precision: t.precision,
-          readonly: t.readonly,
-          "single-line": "",
-          step: t.step,
-          "onUpdate:focused": o
-        }, null, 8, ["modelValue", "max", "min", "precision", "readonly", "step"]), [
-          [
-            c,
-            void 0,
-            void 0,
-            { stop: !0 }
-          ]
-        ]),
-        t.hasDelete ? (k(), B(a, {
-          key: 0,
-          class: "mx-2",
-          density: "compact",
-          icon: "mdi-minus",
-          variant: "text",
-          onClick: r[1] || (r[1] = X((v) => n("delete"), ["stop"]))
-        })) : Y("", !0)
-      ]);
-    };
-  }
-}), Tn = { class: "d-flex justify-space-between align-center" }, Nn = /* @__PURE__ */ E({
-  __name: "index",
-  props: /* @__PURE__ */ j({
-    hasDelete: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    items: {}
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ j(["delete"], ["update:modelValue"]),
-  setup(t, { emit: s }) {
-    const { t: l } = ne(), e = F(t, "modelValue"), n = s, o = Je(), i = L(() => {
-      const r = [];
-      return qe[o.value].items[t.items].forEach(({ title: a, value: c }) => {
-        r.push({ title: l(a), value: c });
-      }), r;
-    });
-    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": u[0] || (u[0] = (m) => e.value = m),
-          density: "compact",
-          "hide-details": "",
-          items: i.value,
-          readonly: t.readonly,
-          "single-line": ""
-        }, null, 8, ["modelValue", "items", "readonly"]), [
-          [
-            v,
-            void 0,
-            void 0,
-            { stop: !0 }
-          ]
-        ]),
-        t.hasDelete ? (k(), B(c, {
-          key: 0,
-          class: "mx-2",
-          density: "compact",
-          icon: "mdi-minus",
-          variant: "text",
-          onClick: u[1] || (u[1] = X((m) => n("delete"), ["stop"]))
-        })) : Y("", !0)
-      ]);
-    };
-  }
-}), On = { class: "text-subtitle-1 ml-6" }, Bn = /* @__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 = L(() => ({
-      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", On, J(t.title), 1)
-      ], 36)), [
-        [a]
-      ]);
-    };
-  }
-}), qn = { key: 0 }, Kn = {
-  key: 1,
-  class: "text-body-2 text-grey ml-3"
-}, Rn = /* @__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 = rt(), o = (i) => {
-      l.value = i, e.value = !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));
-  }
-}), En = { class: "text-subtitle-1" }, Jn = /* @__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 = rt(), u = L(() => {
-      let p = "100%";
-      return l.mdAndUp.value && (p = "400px"), {
-        background: o.value,
-        width: p,
-        height: "100%"
-      };
-    }), a = L(() => {
-      let p = 48;
-      return e.value && (p += 24), {
-        position: "relative",
-        height: `calc(100% - ${p}px)`
-      };
-    }), c = L(() => ({
-      height: "60px"
-    })), v = L(() => {
-      if (!i.value)
-        return s("x-runtime-lib.notSet");
-      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: d[6] || (d[6] = Ae(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", En, J(M(n)(["x-prop-tree.select", "x-prop-tree.slot"])), 1)
-                ]),
-                _: 1
-              }),
-              D("div", {
-                class: "overflow-y-auto",
-                style: G(a.value)
-              }, [
-                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"]),
-                D("div", {
-                  style: G(c.value)
-                }, null, 4)
-              ], 4)
-            ], 4)
-          ], 32)
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), Xn = { class: "d-flex justify-space-between align-center" }, Hn = /* @__PURE__ */ E({
-  __name: "index",
-  props: /* @__PURE__ */ j({
-    hasDelete: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ j(["delete"], ["update:modelValue"]),
-  setup(t, { emit: s }) {
-    const { isMobile: l } = le(), e = F(t, "modelValue"), n = s, o = async (i) => {
-      if (!i || t.readonly || !l())
-        return;
-      const r = await bt({
-        title: "",
-        value: e.value
-      });
-      r !== void 0 && (e.value = 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": r[0] || (r[0] = (v) => e.value = v),
-          density: "compact",
-          "hide-details": "",
-          readonly: t.readonly,
-          "single-line": "",
-          "onUpdate:focused": o
-        }, null, 8, ["modelValue", "readonly"]), [
-          [
-            c,
-            void 0,
-            void 0,
-            { stop: !0 }
-          ]
-        ]),
-        t.hasDelete ? (k(), B(a, {
-          key: 0,
-          class: "mx-2",
-          density: "compact",
-          icon: "mdi-minus",
-          variant: "text",
-          onClick: r[1] || (r[1] = X((v) => n("delete"), ["stop"]))
-        })) : Y("", !0)
-      ]);
-    };
-  }
-}), Fn = { class: "d-flex justify-space-between align-center" }, zn = /* @__PURE__ */ E({
-  __name: "index",
-  props: /* @__PURE__ */ j({
-    hasDelete: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ j(["delete"], ["update:modelValue"]),
-  setup(t, { emit: s }) {
-    const l = F(t, "modelValue"), e = s;
-    return (n, o) => {
-      const i = $("v-switch"), r = $("v-btn");
-      return k(), q("div", Fn, [
-        w(i, {
-          modelValue: l.value,
-          "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 ? (k(), B(r, {
-          key: 0,
-          class: "mx-2",
-          density: "compact",
-          icon: "mdi-minus",
-          variant: "text",
-          onClick: o[1] || (o[1] = X((u) => e("delete"), ["stop"]))
-        })) : Y("", !0)
-      ]);
-    };
-  }
+var _hoisted_1$17 = { class: "text-subtitle-2 ml-1" }, _hoisted_2$5 = { class: "text-caption text-grey ml-1" }, group_default$1 = /* @__PURE__ */ defineComponent({
+	__name: "group",
+	props: {
+		id: {},
+		title: {},
+		collapse: { type: Boolean },
+		count: {}
+	},
+	emits: ["x-click"],
+	setup(e, { emit: m }) {
+		let { backgroundColor2: g, highlightColor: _ } = useColor(), v = e, y = m, x = ref(!1), S = computed(() => ({
+			background: x.value ? _.value : g.value,
+			height: "30px",
+			marginBottom: "1px",
+			userSelect: "none"
+		}));
+		return (e, m) => {
+			let g = resolveComponent("v-icon"), _ = resolveDirective("ripple");
+			return withDirectives((openBlock(), createElementBlock("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: normalizeStyle(S.value),
+				onClick: m[0] ||= (e) => y("x-click", v.id),
+				onMouseout: m[1] ||= (e) => x.value = !1,
+				onMouseover: m[2] ||= (e) => x.value = !0
+			}, [
+				createVNode(g, {
+					icon: v.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
+					size: "small"
+				}, null, 8, ["icon"]),
+				createElementVNode("span", _hoisted_1$17, toDisplayString(v.title), 1),
+				createElementVNode("span", _hoisted_2$5, toDisplayString(v.count), 1)
+			], 36)), [[_]]);
+		};
+	}
+}), _hoisted_1$16 = { class: "text-subtitle-1 ml-6" }, item_default$2 = /* @__PURE__ */ defineComponent({
+	__name: "item",
+	props: {
+		id: {},
+		title: {}
+	},
+	emits: ["x-click"],
+	setup(e, { emit: m }) {
+		let { backgroundColor2: g, highlightColor: _ } = useColor(), v = m, y = ref(!1), x = computed(() => ({
+			background: y.value ? _.value : g.value,
+			height: "48px",
+			marginBottom: "1px",
+			userSelect: "none"
+		}));
+		return (m, g) => {
+			let _ = resolveDirective("ripple");
+			return withDirectives((openBlock(), createElementBlock("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: normalizeStyle(x.value),
+				onClick: g[0] ||= (m) => v("x-click", e.id),
+				onMouseout: g[1] ||= (e) => y.value = !1,
+				onMouseover: g[2] ||= (e) => y.value = !0
+			}, [createElementVNode("span", _hoisted_1$16, toDisplayString(e.title), 1)], 36)), [[_]]);
+		};
+	}
+}), _hoisted_1$15 = { key: 0 }, _hoisted_2$4 = {
+	key: 1,
+	class: "text-body-2 text-grey ml-3"
+}, adaptSlotList_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		modelValue: {},
+		modelModifiers: {},
+		open: {
+			type: Boolean,
+			required: !0
+		},
+		openModifiers: {}
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(e) {
+		let { nameList: m } = useSystem(), _ = useModel(e, "modelValue"), b = useModel(e, "open"), w = injectAdaptSlotList(), T = (e) => {
+			let m = getListEntry(w, e);
+			m && setCollapse(w, e, !m.collapse);
+		}, E = (e) => {
+			_.value = e, b.value = !1;
+		};
+		return (e, g) => unref(w).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$15, [(openBlock(!0), createElementBlock(Fragment, null, renderList(unref(w), (e) => (openBlock(), createElementBlock(Fragment, { key: e.id }, [e.type === 0 ? (openBlock(), createBlock(group_default$1, {
+			key: 0,
+			id: e.id,
+			collapse: e.collapse,
+			count: e.count ?? 0,
+			title: e.name,
+			onXClick: T
+		}, null, 8, [
+			"id",
+			"collapse",
+			"count",
+			"title"
+		])) : createCommentVNode("", !0), e.type === 1 && e.show ? (openBlock(), createBlock(item_default$2, {
+			key: 1,
+			id: e.id,
+			title: e.name,
+			onXClick: E
+		}, null, 8, ["id", "title"])) : createCommentVNode("", !0)], 64))), 128))])) : (openBlock(), createElementBlock("div", _hoisted_2$4, toDisplayString(unref(m)([
+			"x-prop-tree.no",
+			"x-prop-tree.adapt",
+			"x-prop-tree.slot"
+		])), 1));
+	}
+}), _hoisted_1$14 = { class: "text-subtitle-1" }, adaptSlotSelect_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		modelValue: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		let { t: m } = useI18n(), g = useDisplay(), { sysBarAvail: _, nameList: y } = useSystem(), { backgroundColor1: C } = useColor(), D = useModel(e, "modelValue"), O = injectAdaptSlotList(), k = computed(() => {
+			let e = "100%";
+			return g.mdAndUp.value && (e = "400px"), {
+				background: C.value,
+				width: e,
+				height: "100%"
+			};
+		}), j = computed(() => {
+			let e = 48;
+			return _.value && (e += 24), {
+				position: "relative",
+				height: `calc(100% - ${e}px)`
+			};
+		}), P = computed(() => ({ height: "60px" })), F = computed(() => {
+			if (!D.value) return m("x-runtime-lib.notSet");
+			let e = getListEntry(O, D.value);
+			return e ? e.name : m("x-runtime-lib.slotNotAvail");
+		}), { open: L } = useViewStack(`propTreeAdaptSlotSelectDlg${useId()}`);
+		return onUnmounted(() => {
+			L.value = !1;
+		}), (e, m) => {
+			let g = resolveComponent("v-btn"), v = resolveComponent("v-sheet"), b = resolveComponent("v-dialog");
+			return openBlock(), createBlock(b, {
+				modelValue: unref(L),
+				"onUpdate:modelValue": m[5] ||= (e) => isRef(L) ? L.value = e : null,
+				fullscreen: "",
+				"no-click-animation": "",
+				persistent: "",
+				transition: "scroll-x-reverse-transition",
+				onKeydown: m[6] ||= withKeys(withModifiers((e) => L.value = !1, ["stop", "prevent"]), ["esc"])
+			}, {
+				activator: withCtx(({ props: e }) => [createVNode(g, mergeProps(e, {
+					block: "",
+					density: "comfortable"
+				}), {
+					default: withCtx(() => [createTextVNode(toDisplayString(F.value), 1)]),
+					_: 1
+				}, 16)]),
+				default: withCtx(() => [createElementVNode("div", {
+					class: "w-100 h-100 d-flex flex-row-reverse",
+					onClick: m[3] ||= withModifiers((e) => L.value = !1, ["self"]),
+					onContextmenu: m[4] ||= withModifiers((e) => L.value = !1, ["self", "prevent"])
+				}, [createElementVNode("div", {
+					class: "elevation-2",
+					style: normalizeStyle(k.value)
+				}, [
+					unref(_) ? (openBlock(), createBlock(v, {
+						key: 0,
+						color: "transparent",
+						height: 24
+					})) : createCommentVNode("", !0),
+					createVNode(v, {
+						class: "d-flex align-center px-3",
+						color: "transparent",
+						height: 48
+					}, {
+						default: withCtx(() => [createVNode(g, {
+							density: "comfortable",
+							icon: "mdi-close",
+							variant: "text",
+							onClick: m[0] ||= (e) => L.value = !1
+						}), createElementVNode("span", _hoisted_1$14, toDisplayString(unref(y)([
+							"x-prop-tree.select",
+							"x-prop-tree.adapt",
+							"x-prop-tree.slot"
+						])), 1)]),
+						_: 1
+					}),
+					createElementVNode("div", {
+						class: "overflow-y-auto",
+						style: normalizeStyle(j.value)
+					}, [createVNode(adaptSlotList_default, {
+						modelValue: D.value,
+						"onUpdate:modelValue": m[1] ||= (e) => D.value = e,
+						open: unref(L),
+						"onUpdate:open": m[2] ||= (e) => isRef(L) ? L.value = e : null
+					}, null, 8, ["modelValue", "open"]), createElementVNode("div", { style: normalizeStyle(P.value) }, null, 4)], 4)
+				], 4)], 32)]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+}), _hoisted_1$13 = { class: "d-flex justify-space-between align-center" }, colorPicker_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: /* @__PURE__ */ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["delete"], ["update:modelValue"]),
+	setup(e, { emit: m }) {
+		let { t: g } = useI18n(), _ = useModel(e, "modelValue"), v = m, y = computed(() => {
+			let m = "100%";
+			return e.hasDelete && (m = "calc(100% - 37px)"), { width: m };
+		}), C = computed(() => e.readonly), { open: D } = useViewStack(`propTreeColorPickerMenu${useId()}`);
+		return onUnmounted(() => {
+			D.value = !1;
+		}), (m, b) => {
+			let O = resolveComponent("v-btn"), k = resolveComponent("v-color-picker"), j = resolveComponent("v-menu");
+			return openBlock(), createBlock(j, {
+				modelValue: unref(D),
+				"onUpdate:modelValue": b[2] ||= (e) => isRef(D) ? D.value = e : null,
+				"close-on-content-click": !1,
+				scrim: "transparent"
+			}, {
+				activator: withCtx(({ props: m }) => [createElementVNode("div", _hoisted_1$13, [createElementVNode("div", {
+					class: "flex-grow-1",
+					style: normalizeStyle(y.value)
+				}, [createVNode(O, mergeProps(m, {
+					block: "",
+					color: _.value,
+					density: "comfortable",
+					disabled: C.value
+				}), {
+					default: withCtx(() => [createTextVNode(toDisplayString(_.value ? _.value : unref(g)("x-runtime-lib.notSet")), 1)]),
+					_: 1
+				}, 16, ["color", "disabled"])], 4), e.hasDelete ? (openBlock(), createBlock(O, {
+					key: 0,
+					class: "mx-2",
+					density: "compact",
+					icon: "mdi-minus",
+					variant: "text",
+					onClick: b[0] ||= withModifiers((e) => v("delete"), ["stop"])
+				})) : createCommentVNode("", !0)])]),
+				default: withCtx(() => [createVNode(k, {
+					modelValue: _.value,
+					"onUpdate:modelValue": b[1] ||= (e) => _.value = e,
+					mode: "hexa",
+					"show-swatches": "",
+					"swatches-max-height": "150px"
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+}), _hoisted_1$12 = { class: "text-subtitle-2 ml-1" }, _hoisted_2$3 = { class: "text-caption text-grey ml-1" }, group_default = /* @__PURE__ */ defineComponent({
+	__name: "group",
+	props: {
+		id: {},
+		title: {},
+		collapse: { type: Boolean },
+		count: {}
+	},
+	emits: ["x-click"],
+	setup(e, { emit: m }) {
+		let { backgroundColor2: g, highlightColor: _ } = useColor(), v = e, y = m, x = ref(!1), S = computed(() => ({
+			background: x.value ? _.value : g.value,
+			height: "30px",
+			marginBottom: "1px",
+			userSelect: "none"
+		}));
+		return (e, m) => {
+			let g = resolveComponent("v-icon"), _ = resolveDirective("ripple");
+			return withDirectives((openBlock(), createElementBlock("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: normalizeStyle(S.value),
+				onClick: m[0] ||= (e) => y("x-click", v.id),
+				onMouseout: m[1] ||= (e) => x.value = !1,
+				onMouseover: m[2] ||= (e) => x.value = !0
+			}, [
+				createVNode(g, {
+					icon: v.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
+					size: "small"
+				}, null, 8, ["icon"]),
+				createElementVNode("span", _hoisted_1$12, toDisplayString(v.title), 1),
+				createElementVNode("span", _hoisted_2$3, toDisplayString(v.count), 1)
+			], 36)), [[_]]);
+		};
+	}
+}), _hoisted_1$11 = { class: "text-subtitle-1 ml-6" }, item_default$1 = /* @__PURE__ */ defineComponent({
+	__name: "item",
+	props: {
+		id: {},
+		title: {}
+	},
+	emits: ["x-click"],
+	setup(e, { emit: m }) {
+		let { backgroundColor2: g, highlightColor: _ } = useColor(), v = e, y = m, x = ref(!1), S = computed(() => ({
+			background: x.value ? _.value : g.value,
+			height: "48px",
+			marginBottom: "1px",
+			userSelect: "none"
+		}));
+		return (e, m) => {
+			let g = resolveDirective("ripple");
+			return withDirectives((openBlock(), createElementBlock("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: normalizeStyle(S.value),
+				onClick: m[0] ||= (e) => y("x-click", v.id),
+				onMouseout: m[1] ||= (e) => x.value = !1,
+				onMouseover: m[2] ||= (e) => x.value = !0
+			}, [createElementVNode("span", _hoisted_1$11, toDisplayString(v.title), 1)], 36)), [[g]]);
+		};
+	}
+}), _hoisted_1$10 = { key: 0 }, _hoisted_2$2 = {
+	key: 1,
+	class: "text-body-2 text-grey ml-3"
+}, compList_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		modelValue: {},
+		modelModifiers: {},
+		open: {
+			type: Boolean,
+			required: !0
+		},
+		openModifiers: {}
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(e) {
+		let { nameList: m } = useSystem(), _ = useModel(e, "modelValue"), b = useModel(e, "open"), w = injectCompList(), T = (e) => {
+			let m = getListEntry(w, e);
+			m && setCollapse(w, e, !m.collapse);
+		}, E = (e) => {
+			_.value = e, b.value = !1, eventBus.emit("refreshDepends");
+		};
+		return (e, g) => unref(w).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$10, [(openBlock(!0), createElementBlock(Fragment, null, renderList(unref(w), (e) => (openBlock(), createElementBlock(Fragment, { key: e.id }, [e.type === 0 ? (openBlock(), createBlock(group_default, {
+			key: 0,
+			id: e.id,
+			collapse: e.collapse,
+			count: e.count ?? 0,
+			title: e.name,
+			onXClick: T
+		}, null, 8, [
+			"id",
+			"collapse",
+			"count",
+			"title"
+		])) : createCommentVNode("", !0), e.type === 1 && e.show ? (openBlock(), createBlock(item_default$1, {
+			key: 1,
+			id: e.id,
+			title: e.name,
+			onXClick: E
+		}, null, 8, ["id", "title"])) : createCommentVNode("", !0)], 64))), 128))])) : (openBlock(), createElementBlock("div", _hoisted_2$2, toDisplayString(unref(m)(["x-prop-tree.no", "x-prop-tree.comp"])), 1));
+	}
+}), _hoisted_1$9 = { class: "text-subtitle-1" }, compSelect_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		modelValue: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		let { t: m } = useI18n(), g = useDisplay(), { sysBarAvail: _, nameList: y } = useSystem(), { backgroundColor1: C } = useColor(), D = useModel(e, "modelValue"), O = injectCompList(), k = computed(() => {
+			let e = "100%";
+			return g.mdAndUp.value && (e = "400px"), {
+				background: C.value,
+				width: e,
+				height: "100%"
+			};
+		}), j = computed(() => {
+			let e = 48;
+			return _.value && (e += 24), {
+				position: "relative",
+				height: `calc(100% - ${e}px)`
+			};
+		}), P = computed(() => ({ height: "60px" })), F = computed(() => {
+			if (!D.value) return m("x-runtime-lib.notSet");
+			let e = getListEntry(O, D.value);
+			return e ? e.name : m("x-runtime-lib.compNotAvail");
+		}), { open: L } = useViewStack(`propTreeCompSelectDlg${useId()}`);
+		return onUnmounted(() => {
+			L.value = !1;
+		}), (e, m) => {
+			let g = resolveComponent("v-btn"), v = resolveComponent("v-sheet"), b = resolveComponent("v-dialog");
+			return openBlock(), createBlock(b, {
+				modelValue: unref(L),
+				"onUpdate:modelValue": m[5] ||= (e) => isRef(L) ? L.value = e : null,
+				fullscreen: "",
+				"no-click-animation": "",
+				persistent: "",
+				transition: "scroll-x-reverse-transition",
+				onKeydown: m[6] ||= withKeys(withModifiers((e) => L.value = !1, ["stop", "prevent"]), ["esc"])
+			}, {
+				activator: withCtx(({ props: e }) => [createVNode(g, mergeProps(e, {
+					block: "",
+					density: "comfortable"
+				}), {
+					default: withCtx(() => [createTextVNode(toDisplayString(F.value), 1)]),
+					_: 1
+				}, 16)]),
+				default: withCtx(() => [createElementVNode("div", {
+					class: "w-100 h-100 d-flex flex-row-reverse",
+					onClick: m[3] ||= withModifiers((e) => L.value = !1, ["self"]),
+					onContextmenu: m[4] ||= withModifiers((e) => L.value = !1, ["self", "prevent"])
+				}, [createElementVNode("div", {
+					class: "elevation-2",
+					style: normalizeStyle(k.value)
+				}, [
+					unref(_) ? (openBlock(), createBlock(v, {
+						key: 0,
+						color: "transparent",
+						height: 24
+					})) : createCommentVNode("", !0),
+					createVNode(v, {
+						class: "d-flex align-center px-3",
+						color: "transparent",
+						height: 48
+					}, {
+						default: withCtx(() => [createVNode(g, {
+							density: "comfortable",
+							icon: "mdi-close",
+							variant: "text",
+							onClick: m[0] ||= (e) => L.value = !1
+						}), createElementVNode("span", _hoisted_1$9, toDisplayString(unref(y)(["x-prop-tree.select", "x-prop-tree.comp"])), 1)]),
+						_: 1
+					}),
+					createElementVNode("div", {
+						class: "overflow-y-auto",
+						style: normalizeStyle(j.value)
+					}, [createVNode(compList_default, {
+						modelValue: D.value,
+						"onUpdate:modelValue": m[1] ||= (e) => D.value = e,
+						open: unref(L),
+						"onUpdate:open": m[2] ||= (e) => isRef(L) ? L.value = e : null
+					}, null, 8, ["modelValue", "open"]), createElementVNode("div", { style: normalizeStyle(P.value) }, null, 4)], 4)
+				], 4)], 32)]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+}), editor_default = /* @__PURE__ */ defineComponent({
+	__name: "editor",
+	props: {
+		modelValue: { required: !0 },
+		modelModifiers: {},
+		lock: {
+			type: Boolean,
+			required: !0
+		},
+		lockModifiers: {},
+		scale: { required: !0 },
+		scaleModifiers: {}
+	},
+	emits: [
+		"update:modelValue",
+		"update:lock",
+		"update:scale"
+	],
+	setup(e, { expose: m }) {
+		let g = useModel(e, "modelValue"), _ = useModel(e, "lock"), v = useModel(e, "scale"), y = injectDark(), b = injectLocale(), S = injectVersion(), C = useTemplateRef("target"), w = () => {
+			let e = JSON.parse(g.value);
+			C.value?.load(e);
+		};
+		return m({ save: () => {
+			let e = C.value.save();
+			g.value = JSON.stringify(e, null, 2);
+		} }), (e, m) => (openBlock(), createBlock(unref(XBlockly), {
+			ref_key: "target",
+			ref: C,
+			lock: _.value,
+			"onUpdate:lock": m[0] ||= (e) => _.value = e,
+			scale: v.value,
+			"onUpdate:scale": m[1] ||= (e) => v.value = e,
+			dark: unref(y),
+			locale: unref(b),
+			type: "json",
+			version: unref(S),
+			onReady: w
+		}, null, 8, [
+			"lock",
+			"scale",
+			"dark",
+			"locale",
+			"version"
+		]));
+	}
+}), _hoisted_1$8 = { class: "text-subtitle-1" }, jsonEditor_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		let { t: m } = useI18n(), { sysBarAvail: g } = useSystem(), { backgroundColor0: _, backgroundColor1: v, backgroundColor2: y } = useColor(), C = useModel(e, "modelValue"), D = ref(!1), O = ref(1), k = computed(() => {
+			let e = 48;
+			return g.value && (e += 24), {
+				position: "relative",
+				background: v.value,
+				height: `calc(100% - ${e}px)`
+			};
+		}), j = computed(() => m("x-prop-tree.jsonEditor")), { open: P } = useViewStack(`propTreejsonEditorDlg${useId()}`);
+		onUnmounted(() => {
+			P.value = !1;
+		});
+		let F = useTemplateRef("editor");
+		return watch(P, (e) => {
+			e || F.value?.save();
+		}), (e, m) => {
+			let v = resolveComponent("v-btn"), b = resolveComponent("v-sheet"), I = resolveComponent("v-spacer"), L = resolveComponent("v-dialog");
+			return openBlock(), createBlock(L, {
+				modelValue: unref(P),
+				"onUpdate:modelValue": m[4] ||= (e) => isRef(P) ? P.value = e : null,
+				attach: "",
+				fullscreen: "",
+				"no-click-animation": "",
+				persistent: "",
+				transition: "dialog-bottom-transition",
+				onKeydown: m[5] ||= withKeys(withModifiers((e) => P.value = !1, ["stop", "prevent"]), ["esc"])
+			}, {
+				activator: withCtx(({ props: e }) => [createVNode(v, mergeProps(e, {
+					block: "",
+					density: "comfortable"
+				}), {
+					default: withCtx(() => [createTextVNode(toDisplayString(j.value), 1)]),
+					_: 1
+				}, 16)]),
+				default: withCtx(() => [createVNode(b, {
+					color: unref(_),
+					height: "100%",
+					width: "100%"
+				}, {
+					default: withCtx(() => [
+						unref(g) ? (openBlock(), createBlock(b, {
+							key: 0,
+							color: unref(y),
+							height: 24
+						}, null, 8, ["color"])) : createCommentVNode("", !0),
+						createVNode(b, {
+							class: "d-flex align-center px-2",
+							color: unref(y),
+							height: 48
+						}, {
+							default: withCtx(() => [
+								createVNode(v, {
+									density: "comfortable",
+									icon: "mdi-close",
+									variant: "text",
+									onClick: m[0] ||= (e) => P.value = !1
+								}),
+								createElementVNode("span", _hoisted_1$8, toDisplayString(j.value), 1),
+								createVNode(I)
+							]),
+							_: 1
+						}, 8, ["color"]),
+						createElementVNode("div", { style: normalizeStyle(k.value) }, [createVNode(editor_default, {
+							ref_key: "editor",
+							ref: F,
+							modelValue: C.value,
+							"onUpdate:modelValue": m[1] ||= (e) => C.value = e,
+							lock: D.value,
+							"onUpdate:lock": m[2] ||= (e) => D.value = e,
+							scale: O.value,
+							"onUpdate:scale": m[3] ||= (e) => O.value = e
+						}, null, 8, [
+							"modelValue",
+							"lock",
+							"scale"
+						])], 4)
+					]),
+					_: 1
+				}, 8, ["color"])]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+}), _hoisted_1$7 = { class: "d-flex justify-space-between align-center my-2" }, _hoisted_2$1 = { class: "flex-grow-1" }, multiTypes_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: /* @__PURE__ */ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			default: !1
+		},
+		types: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["delete"], ["update:modelValue"]),
+	setup(e, { emit: m }) {
+		let { t: g } = useI18n(), { isMobile: _ } = useSystem(), v = useModel(e, "modelValue"), y = m, T = injectVersion(), D = computed(() => pkgs[T.value].types[e.types]), O = ref(0), k = computed(() => {
+			let e = [];
+			return D.value?.forEach(({ title: m }, _) => {
+				e.push({
+					title: g(m),
+					value: _
+				});
+			}), e;
+		});
+		watchEffect(() => {
+			D.value?.some((e, m) => e.validator(v.value) ? (O.value = m, !0) : !1);
+		});
+		let A = computed(() => D.value?.[O.value]), j = () => {
+			v.value = A.value?.default;
+		}, M = ref(0), N = async (e) => {
+			if (!e || !_() || A.value.ui !== "pixelInput" && A.value.ui !== "percentInput") return;
+			let m = await openNumberDlg({
+				title: "",
+				value: M.value,
+				precision: A.value.precision,
+				min: A.value.min,
+				max: A.value.max,
+				step: A.value.step
+			});
+			m !== void 0 && (M.value = m);
+		};
+		return watchEffect(() => {
+			A.value?.ui === "pixelInput" ? M.value = parsePixelStr(v.value) : A.value?.ui === "percentInput" && (M.value = parsePercentStr(v.value));
+		}), watch(M, (e) => {
+			A.value?.ui === "pixelInput" ? v.value = e + "px" : A.value?.ui === "percentInput" && (v.value = e + "%");
+		}), (m, g) => {
+			let _ = resolveComponent("v-select"), v = resolveComponent("v-number-input"), b = resolveComponent("v-btn"), T = resolveDirective("ripple");
+			return openBlock(), createElementBlock("div", _hoisted_1$7, [createElementVNode("div", _hoisted_2$1, [withDirectives(createVNode(_, {
+				modelValue: O.value,
+				"onUpdate:modelValue": [g[0] ||= (e) => O.value = e, j],
+				density: "compact",
+				"hide-details": "",
+				items: k.value,
+				"single-line": ""
+			}, null, 8, ["modelValue", "items"]), [[
+				T,
+				void 0,
+				void 0,
+				{ stop: !0 }
+			]]), A.value?.ui === "pixelInput" || A.value?.ui === "percentInput" ? withDirectives((openBlock(), createBlock(v, {
+				key: 0,
+				modelValue: M.value,
+				"onUpdate:modelValue": g[1] ||= (e) => M.value = e,
+				"control-variant": "stacked",
+				density: "compact",
+				"hide-details": "",
+				max: A.value.max,
+				min: A.value.min,
+				precision: A.value.precision,
+				"single-line": "",
+				step: A.value.step,
+				"onUpdate:focused": N
+			}, null, 8, [
+				"modelValue",
+				"max",
+				"min",
+				"precision",
+				"step"
+			])), [[
+				T,
+				void 0,
+				void 0,
+				{ stop: !0 }
+			]]) : createCommentVNode("", !0)]), e.hasDelete ? (openBlock(), createBlock(b, {
+				key: 0,
+				class: "mx-2",
+				density: "compact",
+				icon: "mdi-minus",
+				variant: "text",
+				onClick: g[2] ||= withModifiers((e) => y("delete"), ["stop"])
+			})) : createCommentVNode("", !0)]);
+		};
+	}
+}), _hoisted_1$6 = { class: "d-flex justify-space-between align-center" }, numInput_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: /* @__PURE__ */ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			default: !1
+		},
+		precision: { default: () => void 0 },
+		min: { default: () => -Infinity },
+		max: { default: () => Infinity },
+		step: { default: 1 },
+		readonly: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["delete"], ["update:modelValue"]),
+	setup(e, { emit: m }) {
+		let { isMobile: g } = useSystem(), _ = useModel(e, "modelValue"), v = m, y = async (m) => {
+			if (!m || e.readonly || !g()) return;
+			let v = await openNumberDlg({
+				title: "",
+				value: _.value,
+				precision: e.precision,
+				min: e.min,
+				max: e.max,
+				step: e.step
+			});
+			v !== void 0 && (_.value = v);
+		};
+		return (m, g) => {
+			let b = resolveComponent("v-number-input"), w = resolveComponent("v-btn"), T = resolveDirective("ripple");
+			return openBlock(), createElementBlock("div", _hoisted_1$6, [withDirectives(createVNode(b, {
+				modelValue: _.value,
+				"onUpdate:modelValue": g[0] ||= (e) => _.value = e,
+				"control-variant": "stacked",
+				density: "compact",
+				"hide-details": "",
+				max: e.max,
+				min: e.min,
+				precision: e.precision,
+				readonly: e.readonly,
+				"single-line": "",
+				step: e.step,
+				"onUpdate:focused": y
+			}, null, 8, [
+				"modelValue",
+				"max",
+				"min",
+				"precision",
+				"readonly",
+				"step"
+			]), [[
+				T,
+				void 0,
+				void 0,
+				{ stop: !0 }
+			]]), e.hasDelete ? (openBlock(), createBlock(w, {
+				key: 0,
+				class: "mx-2",
+				density: "compact",
+				icon: "mdi-minus",
+				variant: "text",
+				onClick: g[1] ||= withModifiers((e) => v("delete"), ["stop"])
+			})) : createCommentVNode("", !0)]);
+		};
+	}
+}), _hoisted_1$5 = { class: "d-flex justify-space-between align-center" }, select_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: /* @__PURE__ */ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		items: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["delete"], ["update:modelValue"]),
+	setup(e, { emit: m }) {
+		let { t: g } = useI18n(), _ = useModel(e, "modelValue"), v = m, y = injectVersion(), w = computed(() => {
+			let m = [];
+			return pkgs[y.value].items[e.items].forEach(({ title: e, value: _ }) => {
+				m.push({
+					title: g(e),
+					value: _
+				});
+			}), m;
+		});
+		return (m, g) => {
+			let y = resolveComponent("v-select"), b = resolveComponent("v-btn"), T = resolveDirective("ripple");
+			return openBlock(), createElementBlock("div", _hoisted_1$5, [withDirectives(createVNode(y, {
+				modelValue: _.value,
+				"onUpdate:modelValue": g[0] ||= (e) => _.value = e,
+				density: "compact",
+				"hide-details": "",
+				items: w.value,
+				readonly: e.readonly,
+				"single-line": ""
+			}, null, 8, [
+				"modelValue",
+				"items",
+				"readonly"
+			]), [[
+				T,
+				void 0,
+				void 0,
+				{ stop: !0 }
+			]]), e.hasDelete ? (openBlock(), createBlock(b, {
+				key: 0,
+				class: "mx-2",
+				density: "compact",
+				icon: "mdi-minus",
+				variant: "text",
+				onClick: g[1] ||= withModifiers((e) => v("delete"), ["stop"])
+			})) : createCommentVNode("", !0)]);
+		};
+	}
+}), _hoisted_1$4 = { class: "text-subtitle-1 ml-6" }, item_default = /* @__PURE__ */ defineComponent({
+	__name: "item",
+	props: {
+		id: {},
+		title: {}
+	},
+	emits: ["x-click"],
+	setup(e, { emit: m }) {
+		let { backgroundColor2: g, highlightColor: _ } = useColor(), v = m, y = ref(!1), x = computed(() => ({
+			background: y.value ? _.value : g.value,
+			height: "48px",
+			marginBottom: "1px",
+			userSelect: "none"
+		}));
+		return (m, g) => {
+			let _ = resolveDirective("ripple");
+			return withDirectives((openBlock(), createElementBlock("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: normalizeStyle(x.value),
+				onClick: g[0] ||= (m) => v("x-click", e.id),
+				onMouseout: g[1] ||= (e) => y.value = !1,
+				onMouseover: g[2] ||= (e) => y.value = !0
+			}, [createElementVNode("span", _hoisted_1$4, toDisplayString(e.title), 1)], 36)), [[_]]);
+		};
+	}
+}), _hoisted_1$3 = { key: 0 }, _hoisted_2 = {
+	key: 1,
+	class: "text-body-2 text-grey ml-3"
+}, slotList_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		modelValue: {},
+		modelModifiers: {},
+		open: {
+			type: Boolean,
+			required: !0
+		},
+		openModifiers: {}
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(e) {
+		let { nameList: m } = useSystem(), g = useModel(e, "modelValue"), _ = useModel(e, "open"), v = injectSlotList(), b = (e) => {
+			g.value = e, _.value = !1;
+		};
+		return (e, g) => unref(v).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$3, [(openBlock(!0), createElementBlock(Fragment, null, renderList(unref(v), (e) => (openBlock(), createBlock(item_default, {
+			key: e.id,
+			id: e.id,
+			title: e.name,
+			onXClick: b
+		}, null, 8, ["id", "title"]))), 128))])) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(m)(["x-prop-tree.no", "x-prop-tree.slot"])), 1));
+	}
+}), _hoisted_1$2 = { class: "text-subtitle-1" }, slotSelect_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		modelValue: {},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		let { t: m } = useI18n(), g = useDisplay(), { sysBarAvail: _, nameList: v } = useSystem(), { backgroundColor1: y } = useColor(), C = useModel(e, "modelValue"), D = injectSlotList(), O = computed(() => {
+			let e = "100%";
+			return g.mdAndUp.value && (e = "400px"), {
+				background: y.value,
+				width: e,
+				height: "100%"
+			};
+		}), k = computed(() => {
+			let e = 48;
+			return _.value && (e += 24), {
+				position: "relative",
+				height: `calc(100% - ${e}px)`
+			};
+		}), j = computed(() => ({ height: "60px" })), P = computed(() => {
+			if (!C.value) return m("x-runtime-lib.notSet");
+			let e = D.value.find((e) => e.id === C.value);
+			return e ? e.name : m("x-runtime-lib.slotNotAvail");
+		}), { open: F } = useViewStack(`propTreeSlotSelectDlg${useId()}`);
+		return onUnmounted(() => {
+			F.value = !1;
+		}), (e, m) => {
+			let g = resolveComponent("v-btn"), y = resolveComponent("v-sheet"), b = resolveComponent("v-dialog");
+			return openBlock(), createBlock(b, {
+				modelValue: unref(F),
+				"onUpdate:modelValue": m[5] ||= (e) => isRef(F) ? F.value = e : null,
+				fullscreen: "",
+				"no-click-animation": "",
+				persistent: "",
+				transition: "scroll-x-reverse-transition",
+				onKeydown: m[6] ||= withKeys(withModifiers((e) => F.value = !1, ["stop", "prevent"]), ["esc"])
+			}, {
+				activator: withCtx(({ props: e }) => [createVNode(g, mergeProps(e, {
+					block: "",
+					density: "comfortable"
+				}), {
+					default: withCtx(() => [createTextVNode(toDisplayString(P.value), 1)]),
+					_: 1
+				}, 16)]),
+				default: withCtx(() => [createElementVNode("div", {
+					class: "w-100 h-100 d-flex flex-row-reverse",
+					onClick: m[3] ||= withModifiers((e) => F.value = !1, ["self"]),
+					onContextmenu: m[4] ||= withModifiers((e) => F.value = !1, ["self", "prevent"])
+				}, [createElementVNode("div", {
+					class: "elevation-2",
+					style: normalizeStyle(O.value)
+				}, [
+					unref(_) ? (openBlock(), createBlock(y, {
+						key: 0,
+						color: "transparent",
+						height: 24
+					})) : createCommentVNode("", !0),
+					createVNode(y, {
+						class: "d-flex align-center px-3",
+						color: "transparent",
+						height: 48
+					}, {
+						default: withCtx(() => [createVNode(g, {
+							density: "comfortable",
+							icon: "mdi-close",
+							variant: "text",
+							onClick: m[0] ||= (e) => F.value = !1
+						}), createElementVNode("span", _hoisted_1$2, toDisplayString(unref(v)(["x-prop-tree.select", "x-prop-tree.slot"])), 1)]),
+						_: 1
+					}),
+					createElementVNode("div", {
+						class: "overflow-y-auto",
+						style: normalizeStyle(k.value)
+					}, [createVNode(slotList_default, {
+						modelValue: C.value,
+						"onUpdate:modelValue": m[1] ||= (e) => C.value = e,
+						open: unref(F),
+						"onUpdate:open": m[2] ||= (e) => isRef(F) ? F.value = e : null
+					}, null, 8, ["modelValue", "open"]), createElementVNode("div", { style: normalizeStyle(j.value) }, null, 4)], 4)
+				], 4)], 32)]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+}), _hoisted_1$1 = { class: "d-flex justify-space-between align-center" }, strInput_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: /* @__PURE__ */ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["delete"], ["update:modelValue"]),
+	setup(e, { emit: m }) {
+		let { isMobile: g } = useSystem(), _ = useModel(e, "modelValue"), v = m, y = async (m) => {
+			if (!m || e.readonly || !g()) return;
+			let v = await openPromptDlg({
+				title: "",
+				value: _.value
+			});
+			v !== void 0 && (_.value = v);
+		};
+		return (m, g) => {
+			let b = resolveComponent("v-text-field"), w = resolveComponent("v-btn"), T = resolveDirective("ripple");
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [withDirectives(createVNode(b, {
+				modelValue: _.value,
+				"onUpdate:modelValue": g[0] ||= (e) => _.value = e,
+				density: "compact",
+				"hide-details": "",
+				readonly: e.readonly,
+				"single-line": "",
+				"onUpdate:focused": y
+			}, null, 8, ["modelValue", "readonly"]), [[
+				T,
+				void 0,
+				void 0,
+				{ stop: !0 }
+			]]), e.hasDelete ? (openBlock(), createBlock(w, {
+				key: 0,
+				class: "mx-2",
+				density: "compact",
+				icon: "mdi-minus",
+				variant: "text",
+				onClick: g[1] ||= withModifiers((e) => v("delete"), ["stop"])
+			})) : createCommentVNode("", !0)]);
+		};
+	}
+}), _hoisted_1 = { class: "d-flex justify-space-between align-center" }, switch_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: /* @__PURE__ */ mergeModels({
+		hasDelete: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["delete"], ["update:modelValue"]),
+	setup(e, { emit: m }) {
+		let g = useModel(e, "modelValue"), _ = m;
+		return (m, v) => {
+			let y = resolveComponent("v-switch"), b = resolveComponent("v-btn");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(y, {
+				modelValue: g.value,
+				"onUpdate:modelValue": v[0] ||= (e) => g.value = e,
+				class: "ml-1",
+				color: "primary",
+				density: "compact",
+				"hide-details": "",
+				readonly: e.readonly
+			}, null, 8, ["modelValue", "readonly"]), e.hasDelete ? (openBlock(), createBlock(b, {
+				key: 0,
+				class: "mx-2",
+				density: "compact",
+				icon: "mdi-minus",
+				variant: "text",
+				onClick: v[1] ||= withModifiers((e) => _("delete"), ["stop"])
+			})) : createCommentVNode("", !0)]);
+		};
+	}
 });
-function Gn(t) {
-  return { renderUiAdaptSlotSelect: (l, e, n, o, i) => e.ui !== "selectAdaptSlot" ? (console.assert(!1), S("div", "renderUiSlotSelect property ui must be selectAdaptSlot")) : S(fn, {
-    modelValue: te(
-      l,
-      e,
-      n,
-      t,
-      o,
-      i
-    ),
-    "onUpdate:modelValue": (r) => {
-      oe(
-        l,
-        e,
-        n,
-        r,
-        t,
-        o,
-        i
-      );
-    }
-  }) };
+function useUiAdaptSlotSelect(e) {
+	return { renderUiAdaptSlotSelect: (m, g, _, v, y) => g.ui === "selectAdaptSlot" ? h(adaptSlotSelect_default, {
+		modelValue: (() => getModelValue(m, g, _, e, v, y))(),
+		"onUpdate:modelValue": (b) => {
+			setModelValue(m, g, _, b, e, v, y);
+		}
+	}) : (console.assert(!1), h("div", "renderUiSlotSelect property ui must be selectAdaptSlot")) };
 }
-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
-      );
-    },
-    hasDelete: o !== void 0 && !i,
-    onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), t(l.slice(0, -1), n));
-    },
-    readonly: e.readonly
-  }) };
+function useUiColorPicker(e) {
+	return { renderUiColorPicker: (m, g, _, v, y) => g.ui === "colorPicker" ? h(colorPicker_default, {
+		modelValue: (() => getModelValue(m, g, _, e, v, y))(),
+		"onUpdate:modelValue": (b) => {
+			setModelValue(m, g, _, b, e, v, y);
+		},
+		hasDelete: v !== void 0 && !y,
+		onDelete: () => {
+			v === void 0 || y || (_.splice(v, 1), e(m.slice(0, -1), _));
+		},
+		readonly: g.readonly
+	}) : (console.assert(!1), h("div", "renderUiColorPicker property ui must be colorPicker")) };
 }
-function Wn(t) {
-  return { renderUiCompSelect: (l, e, n, o, i) => e.ui !== "selectComp" ? (console.assert(!1), S("div", "renderUiCompSelect property ui must be selectComp")) : S($n, {
-    modelValue: te(
-      l,
-      e,
-      n,
-      t,
-      o,
-      i
-    ),
-    "onUpdate:modelValue": (r) => {
-      oe(
-        l,
-        e,
-        n,
-        r,
-        t,
-        o,
-        i
-      );
-    }
-  }) };
+function useUiCompSelect(e) {
+	return { renderUiCompSelect: (m, g, _, v, y) => g.ui === "selectComp" ? h(compSelect_default, {
+		modelValue: (() => getModelValue(m, g, _, e, v, y))(),
+		"onUpdate:modelValue": (b) => {
+			setModelValue(m, g, _, b, e, v, y);
+		}
+	}) : (console.assert(!1), h("div", "renderUiCompSelect property ui must be selectComp")) };
 }
-function Qn(t) {
-  return { renderUiDummy: (l, e, n, o, i) => {
-    if (e.ui !== "dummy") {
-      console.assert(!1, "renderUiDummy property ui must be dummy");
-      return;
-    }
-    te(l, e, n, t, o, i);
-  } };
+function useUiDummy(e) {
+	return { renderUiDummy: (m, g, _, v, y) => {
+		if (g.ui !== "dummy") {
+			console.assert(!1, "renderUiDummy property ui must be dummy");
+			return;
+		}
+		getModelValue(m, g, _, e, v, y);
+	} };
 }
-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,
-      n,
-      t,
-      o,
-      i
-    ) ?? "{}",
-    "onUpdate:modelValue": (r) => {
-      oe(
-        l,
-        e,
-        n,
-        r,
-        t,
-        o,
-        i
-      );
-    }
-  }) };
+function useUiJsonEditor(e) {
+	return { renderUiJsonEditor: (m, g, _, v, y) => g.ui === "jsonEditor" ? h(jsonEditor_default, {
+		modelValue: (() => getModelValue(m, g, _, e, v, y) ?? "{}")(),
+		"onUpdate:modelValue": (b) => {
+			setModelValue(m, g, _, b, e, v, y);
+		}
+	}) : h("div", "renderUijsonEditor property ui must be jsonEditor") };
 }
-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(Pn, {
-    modelValue: te(
-      l,
-      e,
-      n,
-      t,
-      o,
-      i
-    ) ?? "",
-    "onUpdate:modelValue": (r) => {
-      oe(
-        l,
-        e,
-        n,
-        r,
-        t,
-        o,
-        i
-      );
-    },
-    hasDelete: o !== void 0 && !i,
-    onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), t(l.slice(0, -1), n));
-    },
-    types: e.types
-  }) };
+function useUiMultiTypes(e) {
+	return { renderUiMultiTypes: (m, g, _, v, y) => g.ui === "multiTypes" ? h(multiTypes_default, {
+		modelValue: (() => getModelValue(m, g, _, e, v, y) ?? "")(),
+		"onUpdate:modelValue": (b) => {
+			setModelValue(m, g, _, b, e, v, y);
+		},
+		hasDelete: v !== void 0 && !y,
+		onDelete: () => {
+			v === void 0 || y || (_.splice(v, 1), e(m.slice(0, -1), _));
+		},
+		types: g.types
+	}) : (console.assert(!1), h("div", "renderUiMultiTypes property ui must be multiTypes")) };
 }
-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,
-      n,
-      t,
-      o,
-      i
-    ),
-    "onUpdate:modelValue": (r) => {
-      oe(
-        l,
-        e,
-        n,
-        r,
-        t,
-        o,
-        i
-      );
-    },
-    hasDelete: o !== void 0 && !i,
-    onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), t(l.slice(0, -1), n));
-    },
-    precision: e.precision,
-    min: e.min,
-    max: e.max,
-    step: e.step,
-    readonly: e.readonly
-  }) };
+function useUiNumInput(e) {
+	return { renderUiNumInput: (m, g, _, v, y) => g.ui === "numInput" ? h(numInput_default, {
+		modelValue: (() => getModelValue(m, g, _, e, v, y))(),
+		"onUpdate:modelValue": (b) => {
+			setModelValue(m, g, _, b, e, v, y);
+		},
+		hasDelete: v !== void 0 && !y,
+		onDelete: () => {
+			v === void 0 || y || (_.splice(v, 1), e(m.slice(0, -1), _));
+		},
+		precision: g.precision,
+		min: g.min,
+		max: g.max,
+		step: g.step,
+		readonly: g.readonly
+	}) : (console.assert(!1), h("div", "renderUiNumInput property ui must be numInput")) };
 }
-const el = /* @__PURE__ */ E({
-  __name: "index",
-  props: {
-    minHeight: {}
-  },
-  emits: ["menu"],
-  setup(t, { emit: s }) {
-    const { backgroundColor2: l, highlightColor: e } = I(), n = s, o = O(!1), i = L(() => ({
-      background: o.value ? e.value : l.value,
-      minHeight: t.minHeight,
-      paddingRight: "4px",
-      marginBottom: "1px",
-      userSelect: "none"
-    })), r = (u) => {
-      n("menu", u.clientX, u.clientY);
-    };
-    return (u, a) => {
-      const c = ee("ripple");
-      return Z((k(), q("div", {
-        class: "d-flex justify-space-between align-center cursor-pointer",
-        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)
-      }, [
-        St(u.$slots, "default")
-      ], 36)), [
-        [c]
-      ]);
-    };
-  }
+var entry_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: { minHeight: {} },
+	emits: ["menu"],
+	setup(e, { emit: m }) {
+		let { backgroundColor2: g, highlightColor: _ } = useColor(), v = m, y = ref(!1), x = computed(() => ({
+			background: y.value ? _.value : g.value,
+			minHeight: e.minHeight,
+			paddingRight: "4px",
+			marginBottom: "1px",
+			userSelect: "none"
+		})), S = (e) => {
+			v("menu", e.clientX, e.clientY);
+		};
+		return (e, m) => {
+			let g = resolveDirective("ripple");
+			return withDirectives((openBlock(), createElementBlock("div", {
+				class: "d-flex justify-space-between align-center cursor-pointer",
+				style: normalizeStyle(x.value),
+				onContextmenu: withModifiers(S, ["self", "prevent"]),
+				onMouseout: m[0] ||= (e) => y.value = !1,
+				onMouseover: m[1] ||= (e) => y.value = !0
+			}, [renderSlot(e.$slots, "default")], 36)), [[g]]);
+		};
+	}
 });
-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: (v, m) => {
-          fe.emit("propTreeMenu", { x: v, y: m, keys: o });
-        }
-      },
-      () => [
-        S("span", {
-          style: { marginLeft: "4px", pointerEvents: "none" },
-          innerHTML: c
-        }),
-        S("div", { style: { width: l.value } }, r)
-      ]
-    );
-  } };
+function useUiProperty(e, m, g) {
+	let { t: _ } = useI18n();
+	return { renderProperty: (v, y, b) => {
+		let x = v[v.length - 1], S = typeof x == "number" ? `[${x + 1}]` : _(y.name);
+		return isPropertyChanged(e.value, v) && (S += " *"), h(entry_default, {
+			minHeight: m.value,
+			onMenu: (e, m) => {
+				eventBus.emit("propTreeMenu", {
+					x: e,
+					y: m,
+					keys: v
+				});
+			}
+		}, () => [h("span", {
+			style: {
+				marginLeft: "4px",
+				pointerEvents: "none"
+			},
+			innerHTML: S
+		}), h("div", { style: { width: g.value } }, b)]);
+	} };
 }
-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,
-      n,
-      t,
-      o,
-      i
-    ) ?? "",
-    "onUpdate:modelValue": (r) => {
-      oe(
-        l,
-        e,
-        n,
-        r,
-        t,
-        o,
-        i
-      );
-    },
-    hasDelete: o !== void 0 && !i,
-    onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), t(l.slice(0, -1), n));
-    },
-    items: e.items,
-    readonly: e.readonly
-  }) };
+function useUiSelect(e) {
+	return { renderUiSelect: (m, g, _, v, y) => g.ui === "select" ? h(select_default, {
+		modelValue: (() => getModelValue(m, g, _, e, v, y) ?? "")(),
+		"onUpdate:modelValue": (b) => {
+			setModelValue(m, g, _, b, e, v, y);
+		},
+		hasDelete: v !== void 0 && !y,
+		onDelete: () => {
+			v === void 0 || y || (_.splice(v, 1), e(m.slice(0, -1), _));
+		},
+		items: g.items,
+		readonly: g.readonly
+	}) : (console.assert(!1), h("div", "renderUiSelect property ui must be select")) };
 }
-function ll(t) {
-  return { renderUiSlotSelect: (l, e, n, o, i) => e.ui !== "selectSlot" ? (console.assert(!1), S("div", "renderUiSlotSelect property ui must be selectSlot")) : S(Jn, {
-    modelValue: te(
-      l,
-      e,
-      n,
-      t,
-      o,
-      i
-    ),
-    "onUpdate:modelValue": (r) => {
-      oe(
-        l,
-        e,
-        n,
-        r,
-        t,
-        o,
-        i
-      );
-    }
-  }) };
+function useUiSlotSelect(e) {
+	return { renderUiSlotSelect: (m, g, _, v, y) => g.ui === "selectSlot" ? h(slotSelect_default, {
+		modelValue: (() => getModelValue(m, g, _, e, v, y))(),
+		"onUpdate:modelValue": (b) => {
+			setModelValue(m, g, _, b, e, v, y);
+		}
+	}) : (console.assert(!1), h("div", "renderUiSlotSelect property ui must be selectSlot")) };
 }
-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,
-      n,
-      t,
-      o,
-      i
-    ),
-    "onUpdate:modelValue": (r) => {
-      e.static || oe(
-        l,
-        e,
-        n,
-        r,
-        t,
-        o,
-        i
-      );
-    },
-    hasDelete: o !== void 0 && !i,
-    onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), t(l.slice(0, -1), n));
-    },
-    readonly: e.static || e.readonly
-  }) };
+function useUiStrInput(e) {
+	return { renderUiStrInput: (m, g, _, v, y) => g.ui === "strInput" ? h(strInput_default, {
+		modelValue: (() => g.static ? g.value : getModelValue(m, g, _, e, v, y))(),
+		"onUpdate:modelValue": (b) => {
+			g.static || setModelValue(m, g, _, b, e, v, y);
+		},
+		hasDelete: v !== void 0 && !y,
+		onDelete: () => {
+			v === void 0 || y || (_.splice(v, 1), e(m.slice(0, -1), _));
+		},
+		readonly: g.static || g.readonly
+	}) : (console.assert(!1), h("div", "renderUiStrInput property ui must be strInput")) };
 }
-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,
-      n,
-      t,
-      o,
-      i
-    ) ?? !1,
-    "onUpdate:modelValue": (r) => {
-      oe(
-        l,
-        e,
-        n,
-        r,
-        t,
-        o,
-        i
-      );
-    },
-    hasDelete: o !== void 0 && !i,
-    onDelete: () => {
-      o === void 0 || i || (n.splice(o, 1), t(l.slice(0, 1), n));
-    },
-    readonly: e.readonly
-  }) };
+function useUiSwitch(e) {
+	return { renderUiSwitch: (m, g, _, v, y) => g.ui === "switch" ? h(switch_default, {
+		modelValue: (() => getModelValue(m, g, _, e, v, y) ?? !1)(),
+		"onUpdate:modelValue": (b) => {
+			setModelValue(m, g, _, b, e, v, y);
+		},
+		hasDelete: v !== void 0 && !y,
+		onDelete: () => {
+			v === void 0 || y || (_.splice(v, 1), e(m.slice(0, 1), _));
+		},
+		readonly: g.readonly
+	}) : (console.assert(!1), h("div", "renderUiSwitch property ui must be switch")) };
 }
-const il = /* @__PURE__ */ E({
-  __name: "index",
-  props: {
-    unique: {},
-    config: {},
-    object: {},
-    version: {},
-    type: {},
-    subtype: {}
-  },
-  emits: ["change"],
-  setup(t, { emit: s }) {
-    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);
-    };
-    ie(
-      [() => n.config, () => n.object],
-      () => {
-        Ge(
-          c,
-          n.config,
-          n.object,
-          (y, f) => {
-            o("change", y, f);
-          }
-        );
-      },
-      { immediate: !0 }
-    );
-    const m = O(n.version);
-    Rt(m), ie(
-      () => n.version,
-      () => {
-        m.value = n.version;
-      }
-    );
-    const p = O(n.type);
-    ie(
-      () => n.type,
-      () => {
-        p.value = n.type;
-      }
-    );
-    const d = O(n.subtype);
-    ie(
-      () => n.subtype,
-      () => {
-        d.value = n.subtype;
-      }
-    );
-    const C = O(n.config);
-    Et(C), ie(
-      () => n.config,
-      () => {
-        C.value = n.config;
-      }
-    );
-    const x = O(n.object);
-    Xt(x), ie(
-      () => n.object,
-      () => {
-        x.value = n.object;
-      }
-    ), Ft(c), Gt(v), tn(), nn(), en(m, p, d);
-    const { renderProperty: U } = tl(
-      c,
-      r,
-      u
-    ), { renderUiDummy: g } = Qn(v), { renderUiStrInput: V } = ol(v), { renderUiNumInput: A } = 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,
-      f,
-      _,
-      h,
-      b,
-      N
-    ) : yt(y, f, _, b, N) : f.array ? vt(
-      y,
-      f,
-      _,
-      h,
-      b,
-      N
-    ) : pt(
-      y,
-      f,
-      _,
-      h,
-      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), 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: (P) => {
-          h.collapse = P;
-        },
-        onMenu: (P, R) => {
-          fe.emit("propTreeMenu", { x: P, y: R, keys: y });
-        },
-        onCreate: () => {
-          z.push({}), v(y, z);
-        }
-      }), W = S(
-        "div",
-        {
-          style: {
-            paddingLeft: i.value
-          }
-        },
-        (() => {
-          const P = [];
-          for (let R = 0; R < z.length; R++) {
-            if (!Ne(h.children)) {
-              console.assert(!1);
-              break;
-            }
-            h.children[R] || h.children.push({
-              collapse: !0,
-              children: {}
-            });
-            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: R,
-              onCollapse: (se) => {
-                if (!Ne(h.children)) {
-                  console.assert(!1);
-                  return;
-                }
-                h.children[R].collapse = se;
-              },
-              onMenu: (se, de) => {
-                fe.emit("propTreeMenu", { x: se, y: de, keys: $e });
-              },
-              onDelete: (se) => {
-                if (!Ne(h.children)) {
-                  console.assert(!1);
-                  return;
-                }
-                h.children.splice(se, 1), z.splice(se, 1), v(y, z);
-              }
-            });
-            P.push(kt);
-            const xt = S(
-              "div",
-              {
-                style: {
-                  paddingLeft: i.value
-                }
-              },
-              (() => {
-                const se = [];
-                return f.children.forEach((de) => {
-                  if (!ze(Ue.children)) {
-                    console.assert(!1);
-                    return;
-                  }
-                  Ue.children[de.key] || (Ue.children[de.key] = {
-                    collapse: !0,
-                    children: de.array ? [] : {}
-                  });
-                  const _t = Ce(
-                    y,
-                    de,
-                    z[R],
-                    Ue.children[de.key],
-                    R,
-                    !0
-                  );
-                  se.push(_t);
-                }), se;
-              })()
-            );
-            h.children[R].collapse || P.push(xt);
-          }
-          return P;
-        })()
-      );
-      return S(
-        "div",
-        {
-          style: {
-            marginBottom: "1px"
-          }
-        },
-        (() => {
-          const P = [];
-          return P.push(ke), h.collapse || P.push(W), P;
-        })()
-      );
-    }, 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), 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: b !== void 0 && !N,
-        onCollapse: (W) => {
-          h.collapse = W;
-        },
-        onMenu: (W, P) => {
-          fe.emit("propTreeMenu", { x: W, y: P, keys: y });
-        },
-        onDelete: () => {
-          b === void 0 || N || (_.splice(b, 1), v(y.slice(0, -1), _));
-        }
-      }), ke = S(
-        "div",
-        {
-          style: {
-            paddingLeft: i.value
-          }
-        },
-        (() => {
-          const W = [];
-          return f.children.forEach((P) => {
-            if (!ze(h.children)) {
-              console.assert(!1);
-              return;
-            }
-            h.children[P.key] || (h.children[P.key] = {
-              collapse: !0,
-              children: !P.ui && P.array ? [] : {}
-            });
-            const R = Ce(
-              y,
-              P,
-              (typeof _[f.key] != "object" && (_[f.key] = {}, v(y, _[f.key])), _[f.key]),
-              h.children[P.key]
-            );
-            W.push(R);
-          }), W;
-        })()
-      );
-      return S(
-        "div",
-        {
-          style: {
-            marginBottom: "1px"
-          }
-        },
-        (() => {
-          const W = [];
-          return W.push(ce), h.collapse || W.push(ke), W;
-        })()
-      );
-    }, 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), 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: (P) => {
-          h.collapse = P;
-        },
-        onMenu: (P, R) => {
-          fe.emit("propTreeMenu", { x: P, y: R, keys: y });
-        },
-        onCreate: () => {
-          z.push(H(f, !0)), v(y, z);
-        }
-      }), W = S(
-        "div",
-        {
-          style: {
-            paddingLeft: i.value
-          }
-        },
-        (() => {
-          const P = [];
-          for (let R = 0; R < z.length; R++) {
-            const $e = Ce(y, f, z, void 0, R, !1);
-            P.push($e);
-          }
-          return P;
-        })()
-      );
-      return S(
-        "div",
-        {
-          style: {
-            marginBottom: "1px"
-          }
-        },
-        (() => {
-          const P = [];
-          return P.push(ke), h.collapse || P.push(W), P;
-        })()
-      );
-    }, 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 = A(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 === "selectComp" ? N = dt(y, f, _, h, b) : f.ui === "selectSlot" ? N = mt(y, f, _, h, b) : f.ui === "selectAdaptSlot" ? 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",
-        style: {
-          background: e.value
-        }
-      },
-      (() => {
-        const y = [];
-        if (n.unique && n.config.length > 0 && n.object) {
-          a[n.unique] || (a[n.unique] = {});
-          const f = a[n.unique];
-          n.config.forEach((_) => {
-            f[_.key] || (f[_.key] = {
-              collapse: !0,
-              children: !_.ui && _.array ? [] : {}
-            });
-            const h = Ce(
-              [],
-              _,
-              n.object,
-              f[_.key]
-            );
-            y.push(h);
-          });
-        }
-        return y;
-      })()
-    );
-    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));
-  }
-}), 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." : ""))));
-  });
+var propTree_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		unique: {},
+		config: {},
+		object: {},
+		version: {},
+		type: {},
+		subtype: {}
+	},
+	emits: ["change"],
+	setup(m, { emit: g }) {
+		let { t: _ } = useI18n(), { backgroundColor1: v } = useColor(), b = m, x = g, S = ref("20px"), w = ref("56px"), T = ref("200px"), D = reactive({}), k = ref({}), A = (e, m) => {
+			rebuildPropertyState(k, b.config, b.object), x("change", e, m);
+		};
+		watch([() => b.config, () => b.object], () => {
+			rebuildPropertyState(k, b.config, b.object, (e, m) => {
+				x("change", e, m);
+			});
+		}, { immediate: !0 });
+		let j = ref(b.version);
+		provideVersion(j), watch(() => b.version, () => {
+			j.value = b.version;
+		});
+		let M = ref(b.type);
+		watch(() => b.type, () => {
+			M.value = b.type;
+		});
+		let N = ref(b.subtype);
+		watch(() => b.subtype, () => {
+			N.value = b.subtype;
+		});
+		let P = ref(b.config);
+		provideConfig(P), watch(() => b.config, () => {
+			P.value = b.config;
+		});
+		let F = ref(b.object);
+		provideObject(F), watch(() => b.object, () => {
+			F.value = b.object;
+		}), providePropertyStates(k), provideChangeEvent(A), useCompList(), useSlotList(), useAdaptSlotList(j, M, N);
+		let { renderProperty: I } = useUiProperty(k, w, T), { renderUiDummy: L } = useUiDummy(A), { renderUiStrInput: R } = useUiStrInput(A), { renderUiNumInput: z } = useUiNumInput(A), { renderUiSwitch: B } = useUiSwitch(A), { renderUiSelect: V } = useUiSelect(A), { renderUiColorPicker: H } = useUiColorPicker(A), { renderUiJsonEditor: U } = useUiJsonEditor(A), { renderUiMultiTypes: W } = useUiMultiTypes(A), { renderUiCompSelect: G } = useUiCompSelect(A), { renderUiSlotSelect: K } = useUiSlotSelect(A), { renderUiAdaptSlotSelect: q } = useUiAdaptSlotSelect(A), J = (m, g, _, v, y, b) => (m = cloneDeep_default(m), y === void 0 ? m.push(g.key) : (m.push(y), b && m.push(g.key)), g.ui ? g.array && v ? Z(m, g, _, v, y, b) : Q(m, g, _, y, b) : g.array ? Y(m, g, _, v, y, b) : X(m, g, _, v, y, b)), Y = (e, m, g, v, y, b) => {
+			if (m.ui) return console.assert(!1), h("div", "renderBranchArray property ui must be invalid");
+			if (!m.array) return console.assert(!1), h("div", "renderBranchArray property array must be valid");
+			if (!v) return console.assert(!1), h("div", "renderBranchArray branch must be valid");
+			let x;
+			y !== void 0 && !b ? (g[y] instanceof Array || (g[y] = getPropertyDefault(m), A(e, g[m.key])), x = g[y]) : (g[m.key] instanceof Array || (g[m.key] = getPropertyDefault(m), A(e, g[m.key])), x = g[m.key]);
+			let C = _(m.name);
+			v.collapse && isPropertyChanged(k.value, e) && (C += " *");
+			let w = h(title_default, {
+				title: C,
+				collapse: v.collapse,
+				hasCreate: !0,
+				onCollapse: (e) => {
+					v.collapse = e;
+				},
+				onMenu: (m, g) => {
+					eventBus.emit("propTreeMenu", {
+						x: m,
+						y: g,
+						keys: e
+					});
+				},
+				onCreate: () => {
+					x.push({}), A(e, x);
+				}
+			}), T = h("div", { style: { paddingLeft: S.value } }, (() => {
+				let g = [];
+				for (let _ = 0; _ < x.length; _++) {
+					if (!isBranchChildrenArray(v.children)) {
+						console.assert(!1);
+						break;
+					}
+					v.children[_] || v.children.push({
+						collapse: !0,
+						children: {}
+					});
+					let y = [...e, _], b = v.children[_], C = `[${_ + 1}]`;
+					v.children[_].collapse && isPropertyChanged(k.value, y) && (C += " *");
+					let w = h(title_default, {
+						title: C,
+						collapse: v.children[_].collapse,
+						hasDelete: !0,
+						index: _,
+						onCollapse: (e) => {
+							if (!isBranchChildrenArray(v.children)) {
+								console.assert(!1);
+								return;
+							}
+							v.children[_].collapse = e;
+						},
+						onMenu: (e, m) => {
+							eventBus.emit("propTreeMenu", {
+								x: e,
+								y: m,
+								keys: y
+							});
+						},
+						onDelete: (m) => {
+							if (!isBranchChildrenArray(v.children)) {
+								console.assert(!1);
+								return;
+							}
+							v.children.splice(m, 1), x.splice(m, 1), A(e, x);
+						}
+					});
+					g.push(w);
+					let T = h("div", { style: { paddingLeft: S.value } }, (() => {
+						let g = [];
+						return m.children.forEach((m) => {
+							if (!isBranchChildrenMap(b.children)) {
+								console.assert(!1);
+								return;
+							}
+							b.children[m.key] || (b.children[m.key] = {
+								collapse: !0,
+								children: m.array ? [] : {}
+							});
+							let v = J(e, m, x[_], b.children[m.key], _, !0);
+							g.push(v);
+						}), g;
+					})());
+					v.children[_].collapse || g.push(T);
+				}
+				return g;
+			})());
+			return h("div", { style: { marginBottom: "1px" } }, (() => {
+				let e = [];
+				return e.push(w), v.collapse || e.push(T), e;
+			})());
+		}, X = (e, m, g, v, y, b) => {
+			if (m.ui) return console.assert(!1), h("div", "renderBranchScalar property ui must be invalid");
+			if (m.array) return console.assert(!1), h("div", "renderBranchScalar property array must be invalid");
+			if (!v) return console.assert(!1), h("div", "renderBranchScalar branch must be valid");
+			let x = _(m.name);
+			v.collapse && isPropertyChanged(k.value, e) && (x += " *");
+			let C = h(title_default, {
+				title: x,
+				collapse: v.collapse,
+				hasDelete: y !== void 0 && !b,
+				onCollapse: (e) => {
+					v.collapse = e;
+				},
+				onMenu: (m, g) => {
+					eventBus.emit("propTreeMenu", {
+						x: m,
+						y: g,
+						keys: e
+					});
+				},
+				onDelete: () => {
+					y === void 0 || b || (g.splice(y, 1), A(e.slice(0, -1), g));
+				}
+			}), w = h("div", { style: { paddingLeft: S.value } }, (() => {
+				let _ = [];
+				return m.children.forEach((y) => {
+					if (!isBranchChildrenMap(v.children)) {
+						console.assert(!1);
+						return;
+					}
+					v.children[y.key] || (v.children[y.key] = {
+						collapse: !0,
+						children: !y.ui && y.array ? [] : {}
+					});
+					let b = J(e, y, (() => (typeof g[m.key] != "object" && (g[m.key] = {}, A(e, g[m.key])), g[m.key]))(), v.children[y.key]);
+					_.push(b);
+				}), _;
+			})());
+			return h("div", { style: { marginBottom: "1px" } }, (() => {
+				let e = [];
+				return e.push(C), v.collapse || e.push(w), e;
+			})());
+		}, Z = (e, m, g, v, y, b) => {
+			if (!m.ui) return console.assert(!1), h("div", "renderLeafArray property ui must be valid");
+			if (!m.array) return console.assert(!1), h("div", "renderLeafArray property array must be valid");
+			if (!v) return console.assert(!1), h("div", "renderLeafArray branch must be valid");
+			let x;
+			y !== void 0 && !b ? (g[y] instanceof Array || (g[y] = getPropertyDefault(m), A(e, g[y])), x = g[y]) : (g[m.key] instanceof Array || (g[m.key] = getPropertyDefault(m), A(e, g[m.key])), x = g[m.key]);
+			let C = _(m.name);
+			v.collapse && isPropertyChanged(k.value, e) && (C += " *");
+			let w = h(title_default, {
+				title: C,
+				collapse: v.collapse,
+				hasCreate: !0,
+				onCollapse: (e) => {
+					v.collapse = e;
+				},
+				onMenu: (m, g) => {
+					eventBus.emit("propTreeMenu", {
+						x: m,
+						y: g,
+						keys: e
+					});
+				},
+				onCreate: () => {
+					x.push(getPropertyDefault(m, !0)), A(e, x);
+				}
+			}), T = h("div", { style: { paddingLeft: S.value } }, (() => {
+				let g = [];
+				for (let _ = 0; _ < x.length; _++) {
+					let v = J(e, m, x, void 0, _, !1);
+					g.push(v);
+				}
+				return g;
+			})());
+			return h("div", { style: { marginBottom: "1px" } }, (() => {
+				let e = [];
+				return e.push(w), v.collapse || e.push(T), e;
+			})());
+		}, Q = (e, m, g, _, v) => {
+			if (!m.ui) return console.assert(!1), h("div", "renderLeafScalar property ui must be valid");
+			let y;
+			return m.ui === "dummy" ? y = L(e, m, g, _, v) : m.ui === "strInput" ? y = R(e, m, g, _, v) : m.ui === "numInput" ? y = z(e, m, g, _, v) : m.ui === "switch" ? y = B(e, m, g, _, v) : m.ui === "select" ? y = V(e, m, g, _, v) : m.ui === "colorPicker" ? y = H(e, m, g, _, v) : m.ui === "jsonEditor" ? y = U(e, m, g, _, v) : m.ui === "multiTypes" ? y = W(e, m, g, _, v) : m.ui === "selectComp" ? y = G(e, m, g, _, v) : m.ui === "selectSlot" ? y = K(e, m, g, _, v) : m.ui === "selectAdaptSlot" ? y = q(e, m, g, _, v) : console.assert(!1, "renderLeafScalar not implemented"), y ? I(e, m, y) : h("div");
+		}, $ = () => h("div", {
+			class: "text-body-2",
+			style: { background: v.value }
+		}, (() => {
+			let e = [];
+			if (b.unique && b.config.length > 0 && b.object) {
+				D[b.unique] || (D[b.unique] = {});
+				let m = D[b.unique];
+				b.config.forEach((g) => {
+					m[g.key] || (m[g.key] = {
+						collapse: !0,
+						children: !g.ui && g.array ? [] : {}
+					});
+					let _ = J([], g, b.object, m[g.key]);
+					e.push(_);
+				});
+			}
+			return e;
+		})());
+		return (e, m) => (openBlock(), createElementBlock(Fragment, null, [createVNode($), createVNode(menu_default, {
+			config: b.config,
+			object: b.object,
+			"property-states": k.value
+		}, null, 8, [
+			"config",
+			"object",
+			"property-states"
+		])], 64));
+	}
+}), install = (e) => {
+	e.component("XPropTree", propTree_default);
+}, __rolldown_dynamic_import_helper_default = (e, m, g) => {
+	let _ = m.lastIndexOf("?"), v = e[_ === -1 || _ < m.lastIndexOf("/") ? m : m.slice(0, _)];
+	return v ? typeof v == "function" ? v() : Promise.resolve(v) : new Promise((e, _) => {
+		(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(_.bind(null, /* @__PURE__ */ Error("Unknown variable dynamic import: " + m + (m.split("/").length === g ? "" : ". Note that variables only represent file names one level deep."))));
+	});
 };
-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;
+async function loadLocaleMessagePropTree(e) {
+	return (await __rolldown_dynamic_import_helper_default({
+		"./locales/en/index.ts": () => import("./en.ce88mjes.js"),
+		"./locales/zhHans/index.ts": () => import("./zhHans.dfzi966a.js")
+	}, `./locales/${e}/index.ts`, 4)).default;
 }
-const hl = { install: ul };
-export {
-  hl as default,
-  yl as loadLocaleMessagePropTree
-};
+var src_default = { install };
+export { src_default as default, loadLocaleMessagePropTree };