x-prop-tree 0.8.6 → 0.8.7

package/dist/index.js

@@ -4,28 +4,10 @@ import { getElement as ne, getItems as re, getPropertyDefault as z, getPropertyD
 import { useI18n as B } from "vue-i18n";
 import { eventBus as V, globalObjects as me, injectDark as he, injectLocale as ge, openNumberDlg as _e, openPromptDlg as ve, useColor as H, useSystem as U, useViewStack as W } from "x-essential-lib";
 import { globalState as ye } from "x-state-lib";
-import { useDisplay as be } from "vuetify";
-import { XBlockly as xe } from "x-block-lib";
-//#region src/utils/collapseState.ts
-function G(e, t) {
-	let n = e.value;
-	for (let e of t) {
-		if (!n.children[e]) return !0;
-		n = n.children[e];
-	}
-	return n.collapse;
-}
-function K(e, t, n) {
-	let r = e.value;
-	for (let e of t) r.children[e] || (r.children[e] = {
-		collapse: !0,
-		children: {}
-	}), r = r.children[e];
-	r.collapse = n;
-}
-//#endregion
+import { XBlockly as be } from "x-block-lib";
+import { useDisplay as xe } from "vuetify";
 //#region src/utils/common.ts
-function q(e, t) {
+function G(e, t) {
 	let n = {
 		key: "",
 		name: "",
@@ -38,7 +20,7 @@ function q(e, t) {
 	}
 	return n;
 }
-function J(e, t) {
+function K(e, t) {
 	let n = e;
 	for (let e of t) {
 		if (!n) throw Error("target must be valid");
@@ -61,7 +43,7 @@ function Se(e, n, r, i, a, o) {
 		return r[n.key];
 	}
 }
-function Y(e, n, r, i, a, o) {
+function q(e, n, r, i, a, o) {
 	if (i !== void 0 && !a) {
 		if (r[i] === void 0) {
 			let a = z(n);
@@ -76,10 +58,28 @@ function Y(e, n, r, i, a, o) {
 		return r[n.key];
 	}
 }
-function X(e, t, n, r, i, a, o) {
+function J(e, t, n, r, i, a, o) {
 	i !== void 0 && !a ? r !== n[i] && (n[i] = r, o(e, n[i])) : r !== n[t.key] && (n[t.key] = r, o(e, n[t.key]));
 }
 //#endregion
+//#region src/utils/collapseState.ts
+function Y(e, t) {
+	let n = e.value;
+	for (let e of t) {
+		if (!n.children[e]) return !0;
+		n = n.children[e];
+	}
+	return n.collapse;
+}
+function X(e, t, n) {
+	let r = e.value;
+	for (let e of t) r.children[e] || (r.children[e] = {
+		collapse: !0,
+		children: {}
+	}), r = r.children[e];
+	r.collapse = n;
+}
+//#endregion
 //#region src/utils/copyPaste.ts
 var Ce = (e, t) => {
 	let n = (e, t) => {
@@ -296,9 +296,9 @@ var lt = /* @__PURE__ */ p({
 			!(m.value.length <= 0 || !Q(i.value, m.value)) && e.push({
 				title: t("x-prop-tree.reset"),
 				func: () => {
-					let e = q(n.value, m.value);
+					let e = G(n.value, m.value);
 					if (e) if (e.ui) {
-						let t = J(r.value, m.value.slice(0, -1));
+						let t = K(r.value, m.value.slice(0, -1));
 						if (!t) return;
 						t[m.value[m.value.length - 1]] = z(e), c(m.value, t[m.value[m.value.length - 1]]);
 					} else if (e.array) {
@@ -308,18 +308,18 @@ var lt = /* @__PURE__ */ p({
 							return;
 						}
 						if (typeof t == "string") {
-							let t = J(r.value, m.value.slice(0, -1));
+							let t = K(r.value, m.value.slice(0, -1));
 							if (!t) return;
 							t[m.value[m.value.length - 1]] = z(e), c(m.value, t[m.value[m.value.length - 1]]);
 						} else {
-							let t = J(r.value, m.value);
+							let t = K(r.value, m.value);
 							if (!t) return;
 							e.children.forEach((n) => {
 								t[n.key] = z(e), c([...m.value, n.key], t[n.key]);
 							});
 						}
 					} else {
-						let t = J(r.value, m.value);
+						let t = K(r.value, m.value);
 						if (!t) return;
 						e.children.forEach((n) => {
 							t[n.key] = z(e), c([...m.value, n.key], t[n.key]);
@@ -331,7 +331,7 @@ var lt = /* @__PURE__ */ p({
 			e.push({
 				title: t("x-prop-tree.copy"),
 				func: () => {
-					let e = q(n.value, m.value), t = J(r.value, m.value);
+					let e = G(n.value, m.value), t = K(r.value, m.value);
 					localStorage.setItem("propTreeCopy", JSON.stringify({
 						property: e,
 						object: t
@@ -345,7 +345,7 @@ var lt = /* @__PURE__ */ p({
 				try {
 					let { property: t } = JSON.parse(e);
 					if (!t) return !1;
-					let r = q(n.value, m.value);
+					let r = G(n.value, m.value);
 					return r ? Ce(t, r) : !1;
 				} catch (e) {
 					console.error(e);
@@ -358,7 +358,7 @@ var lt = /* @__PURE__ */ p({
 					if (!r()) return;
 					let e = localStorage.getItem("propTreeCopy");
 					if (e) try {
-						let { object: t } = JSON.parse(e), r = q(n.value, m.value);
+						let { object: t } = JSON.parse(e), r = G(n.value, m.value);
 						console.log(t, r);
 					} catch (e) {
 						console.error(e);
@@ -616,219 +616,8 @@ function mt() {
 	});
 }
 //#endregion
-//#region src/components/values/adaptSlotSelect/adaptSlotList/group.vue?vue&type=script&setup=true&lang.ts
-var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text-grey ml-1" }, _t = /* @__PURE__ */ p({
-	__name: "group",
-	props: {
-		id: {},
-		title: {},
-		collapse: { type: Boolean },
-		count: {}
-	},
-	emits: ["x-click"],
-	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = H(), i = e, a = t, s = T(!1), c = o(() => ({
-			background: s.value ? r.value : n.value,
-			height: "30px",
-			marginTop: "1px",
-			userSelect: "none"
-		}));
-		return (e, t) => {
-			let n = D("v-icon"), r = O("ripple");
-			return I((C(), l("div", {
-				class: "d-flex align-center cursor-pointer",
-				style: y(c.value),
-				onClick: t[0] ||= (e) => a("x-click", i.id),
-				onMouseout: t[1] ||= (e) => s.value = !1,
-				onMouseover: t[2] ||= (e) => s.value = !0
-			}, [
-				f(n, {
-					icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
-					size: "small"
-				}, null, 8, ["icon"]),
-				u("span", ht, k(i.title), 1),
-				u("span", gt, k(i.count), 1)
-			], 36)), [[r]]);
-		};
-	}
-}), vt = { class: "text-body-large ml-6" }, yt = /* @__PURE__ */ p({
-	__name: "item",
-	props: {
-		id: {},
-		title: {}
-	},
-	emits: ["x-click"],
-	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = H(), i = t, a = T(!1), s = o(() => ({
-			background: a.value ? r.value : n.value,
-			height: "48px",
-			marginTop: "1px",
-			userSelect: "none"
-		}));
-		return (t, n) => {
-			let r = O("ripple");
-			return I((C(), l("div", {
-				class: "d-flex align-center cursor-pointer",
-				style: y(s.value),
-				onClick: n[0] ||= (t) => i("x-click", e.id),
-				onMouseout: n[1] ||= (e) => a.value = !1,
-				onMouseover: n[2] ||= (e) => a.value = !0
-			}, [u("span", vt, k(e.title), 1)], 36)), [[r]]);
-		};
-	}
-}), bt = { key: 0 }, xt = {
-	key: 1,
-	class: "text-body-medium text-grey ml-3"
-}, St = /* @__PURE__ */ p({
-	__name: "index",
-	props: {
-		modelValue: {},
-		modelModifiers: {},
-		open: {
-			type: Boolean,
-			required: !0
-		},
-		openModifiers: {}
-	},
-	emits: ["update:modelValue", "update:open"],
-	setup(e) {
-		let { nameList: t } = U(), i = M(e, "modelValue"), o = M(e, "open"), u = ct(), d = (e) => {
-			let t = r(u, e);
-			t && n(u, e, !t.collapse);
-		}, f = (e) => {
-			i.value = e, o.value = !1;
-		};
-		return (e, n) => A(u).length > 0 ? (C(), l("div", bt, [(C(!0), l(a, null, E(A(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(_t, {
-			key: 0,
-			id: e.id,
-			collapse: e.collapse,
-			count: e.count ?? 0,
-			title: e.name,
-			onXClick: d
-		}, null, 8, [
-			"id",
-			"collapse",
-			"count",
-			"title"
-		])) : c("", !0), e.type === 1 && e.show ? (C(), s(yt, {
-			key: 1,
-			id: e.id,
-			title: e.name,
-			onXClick: f
-		}, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", xt, k(A(t)([
-			"x-prop-tree.no",
-			"x-prop-tree.adapt",
-			"x-prop-tree.slot"
-		])), 1));
-	}
-}), Ct = { class: "text-body-large" }, wt = /* @__PURE__ */ p({
-	__name: "index",
-	props: /* @__PURE__ */ _({
-		hasDelete: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
-	setup(e, { emit: t }) {
-		let { t: n } = B(), i = be(), { sysBarAvail: a, nameList: l } = U(), { backgroundColor1: p } = H(), m = M(e, "modelValue"), h = t, _ = ct(), b = o(() => {
-			let e = "100%";
-			return i.mdAndUp.value && (e = "400px"), {
-				background: p.value,
-				width: e,
-				height: "100%"
-			};
-		}), x = o(() => {
-			let e = 48;
-			return a.value && (e += 24), {
-				position: "relative",
-				height: `calc(100% - ${e}px)`
-			};
-		}), w = o(() => ({ height: "60px" })), T = o(() => {
-			if (!m.value) return n("x-runtime-lib.notSet");
-			let e = r(_, m.value);
-			return e ? e.name : n("x-runtime-lib.slotNotAvail");
-		}), { open: E } = W(`propTreeAdaptSlotSelectDlg${j()}`);
-		return S(() => {
-			E.value = !1;
-		}), (t, n) => {
-			let r = D("v-btn"), i = D("v-sheet"), o = D("v-dialog");
-			return C(), s(o, {
-				modelValue: A(E),
-				"onUpdate:modelValue": n[6] ||= (e) => g(E) ? E.value = e : null,
-				fullscreen: "",
-				"no-click-animation": "",
-				persistent: "",
-				transition: "scroll-x-reverse-transition",
-				onKeydown: n[7] ||= L(R((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
-			}, {
-				activator: F(({ props: t }) => [f(r, v(t, {
-					block: "",
-					density: "comfortable",
-					readonly: e.readonly
-				}), {
-					default: F(() => [d(k(T.value), 1)]),
-					_: 1
-				}, 16, ["readonly"]), e.hasDelete ? (C(), s(r, {
-					key: 0,
-					class: "mx-2",
-					density: "compact",
-					icon: "mdi-minus",
-					variant: "text",
-					onClick: n[0] ||= R((e) => h("delete"), ["stop"])
-				})) : c("", !0)]),
-				default: F(() => [u("div", {
-					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: n[4] ||= R((e) => E.value = !1, ["self"]),
-					onContextmenu: n[5] ||= R((e) => E.value = !1, ["self", "prevent"])
-				}, [u("div", {
-					class: "elevation-2",
-					style: y(b.value)
-				}, [
-					A(a) ? (C(), s(i, {
-						key: 0,
-						color: "transparent",
-						height: 24
-					})) : c("", !0),
-					f(i, {
-						class: "d-flex align-center px-3",
-						color: "transparent",
-						height: 48
-					}, {
-						default: F(() => [f(r, {
-							density: "comfortable",
-							icon: "mdi-close",
-							variant: "text",
-							onClick: n[1] ||= (e) => E.value = !1
-						}), u("span", Ct, k(A(l)([
-							"x-prop-tree.select",
-							"x-prop-tree.adapt",
-							"x-prop-tree.slot"
-						])), 1)]),
-						_: 1
-					}),
-					u("div", {
-						class: "overflow-y-auto",
-						style: y(x.value)
-					}, [f(St, {
-						modelValue: m.value,
-						"onUpdate:modelValue": n[2] ||= (e) => m.value = e,
-						open: A(E),
-						"onUpdate:open": n[3] ||= (e) => g(E) ? E.value = e : null
-					}, null, 8, ["modelValue", "open"]), u("div", { style: y(w.value) }, null, 4)], 4)
-				], 4)], 32)]),
-				_: 1
-			}, 8, ["modelValue"]);
-		};
-	}
-}), Tt = { class: "d-flex justify-space-between align-center" }, Et = /* @__PURE__ */ p({
+//#region src/components/values/colorPicker/index.vue?vue&type=script&setup=true&lang.ts
+var ht = { class: "d-flex justify-space-between align-center" }, gt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -859,7 +648,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 				"close-on-content-click": !1,
 				scrim: "transparent"
 			}, {
-				activator: F(({ props: t }) => [u("div", Tt, [u("div", {
+				activator: F(({ props: t }) => [u("div", ht, [u("div", {
 					class: "flex-grow-1",
 					style: y(a.value)
 				}, [f(m, v(t, {
@@ -889,221 +678,18 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), Dt = { class: "text-label-large ml-1" }, Ot = { class: "text-body-small text-grey ml-1" }, kt = /* @__PURE__ */ p({
-	__name: "group",
+}), _t = /* @__PURE__ */ p({
+	__name: "editor",
 	props: {
-		id: {},
-		title: {},
-		collapse: { type: Boolean },
-		count: {}
-	},
-	emits: ["x-click"],
-	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = H(), i = e, a = t, s = T(!1), c = o(() => ({
-			background: s.value ? r.value : n.value,
-			height: "30px",
-			marginTop: "1px",
-			userSelect: "none"
-		}));
-		return (e, t) => {
-			let n = D("v-icon"), r = O("ripple");
-			return I((C(), l("div", {
-				class: "d-flex align-center cursor-pointer",
-				style: y(c.value),
-				onClick: t[0] ||= (e) => a("x-click", i.id),
-				onMouseout: t[1] ||= (e) => s.value = !1,
-				onMouseover: t[2] ||= (e) => s.value = !0
-			}, [
-				f(n, {
-					icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
-					size: "small"
-				}, null, 8, ["icon"]),
-				u("span", Dt, k(i.title), 1),
-				u("span", Ot, k(i.count), 1)
-			], 36)), [[r]]);
-		};
-	}
-}), At = { class: "text-body-large ml-6" }, jt = /* @__PURE__ */ p({
-	__name: "item",
-	props: {
-		id: {},
-		title: {}
-	},
-	emits: ["x-click"],
-	setup(e, { emit: t }) {
-		let { backgroundColor2: n, highlightColor: r } = H(), i = e, a = t, s = T(!1), c = o(() => ({
-			background: s.value ? r.value : n.value,
-			height: "48px",
-			marginTop: "1px",
-			userSelect: "none"
-		}));
-		return (e, t) => {
-			let n = O("ripple");
-			return I((C(), l("div", {
-				class: "d-flex align-center cursor-pointer",
-				style: y(c.value),
-				onClick: t[0] ||= (e) => a("x-click", i.id),
-				onMouseout: t[1] ||= (e) => s.value = !1,
-				onMouseover: t[2] ||= (e) => s.value = !0
-			}, [u("span", At, k(i.title), 1)], 36)), [[n]]);
-		};
-	}
-}), Mt = { key: 0 }, Nt = {
-	key: 1,
-	class: "text-body-medium text-grey ml-3"
-}, Pt = /* @__PURE__ */ p({
-	__name: "index",
-	props: {
-		modelValue: {},
-		modelModifiers: {},
-		open: {
-			type: Boolean,
-			required: !0
-		},
-		openModifiers: {}
-	},
-	emits: ["update:modelValue", "update:open"],
-	setup(e) {
-		let { nameList: t } = U(), i = M(e, "modelValue"), o = M(e, "open"), u = it(), d = (e) => {
-			let t = r(u, e);
-			t && n(u, e, !t.collapse);
-		}, f = (e) => {
-			i.value = e, o.value = !1, V.emit("refreshDepends");
-		};
-		return (e, n) => A(u).length > 0 ? (C(), l("div", Mt, [(C(!0), l(a, null, E(A(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(kt, {
-			key: 0,
-			id: e.id,
-			collapse: e.collapse,
-			count: e.count ?? 0,
-			title: e.name,
-			onXClick: d
-		}, null, 8, [
-			"id",
-			"collapse",
-			"count",
-			"title"
-		])) : c("", !0), e.type === 1 && e.show ? (C(), s(jt, {
-			key: 1,
-			id: e.id,
-			title: e.name,
-			onXClick: f
-		}, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", Nt, k(A(t)(["x-prop-tree.no", "x-prop-tree.comp"])), 1));
-	}
-}), Ft = { class: "text-body-large" }, It = /* @__PURE__ */ p({
-	__name: "index",
-	props: /* @__PURE__ */ _({
-		hasDelete: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
-	setup(e, { emit: t }) {
-		let { t: n } = B(), i = be(), { sysBarAvail: a, nameList: l } = U(), { backgroundColor1: p } = H(), m = M(e, "modelValue"), h = t, _ = it(), b = o(() => {
-			let e = "100%";
-			return i.mdAndUp.value && (e = "400px"), {
-				background: p.value,
-				width: e,
-				height: "100%"
-			};
-		}), x = o(() => {
-			let e = 48;
-			return a.value && (e += 24), {
-				position: "relative",
-				height: `calc(100% - ${e}px)`
-			};
-		}), w = o(() => ({ height: "60px" })), T = o(() => {
-			if (!m.value) return n("x-runtime-lib.notSet");
-			let e = r(_, m.value);
-			return e ? e.name : n("x-runtime-lib.compNotAvail");
-		}), { open: E } = W(`propTreeCompSelectDlg${j()}`);
-		return S(() => {
-			E.value = !1;
-		}), (t, n) => {
-			let r = D("v-btn"), i = D("v-sheet"), o = D("v-dialog");
-			return C(), s(o, {
-				modelValue: A(E),
-				"onUpdate:modelValue": n[6] ||= (e) => g(E) ? E.value = e : null,
-				fullscreen: "",
-				"no-click-animation": "",
-				persistent: "",
-				transition: "scroll-x-reverse-transition",
-				onKeydown: n[7] ||= L(R((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
-			}, {
-				activator: F(({ props: t }) => [f(r, v(t, {
-					block: "",
-					density: "comfortable",
-					readonly: e.readonly
-				}), {
-					default: F(() => [d(k(T.value), 1)]),
-					_: 1
-				}, 16, ["readonly"]), e.hasDelete ? (C(), s(r, {
-					key: 0,
-					class: "mx-2",
-					density: "compact",
-					icon: "mdi-minus",
-					variant: "text",
-					onClick: n[0] ||= R((e) => h("delete"), ["stop"])
-				})) : c("", !0)]),
-				default: F(() => [u("div", {
-					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: n[4] ||= R((e) => E.value = !1, ["self"]),
-					onContextmenu: n[5] ||= R((e) => E.value = !1, ["self", "prevent"])
-				}, [u("div", {
-					class: "elevation-2",
-					style: y(b.value)
-				}, [
-					A(a) ? (C(), s(i, {
-						key: 0,
-						color: "transparent",
-						height: 24
-					})) : c("", !0),
-					f(i, {
-						class: "d-flex align-center px-3",
-						color: "transparent",
-						height: 48
-					}, {
-						default: F(() => [f(r, {
-							density: "comfortable",
-							icon: "mdi-close",
-							variant: "text",
-							onClick: n[1] ||= (e) => E.value = !1
-						}), u("span", Ft, k(A(l)(["x-prop-tree.select", "x-prop-tree.comp"])), 1)]),
-						_: 1
-					}),
-					u("div", {
-						class: "overflow-y-auto",
-						style: y(x.value)
-					}, [f(Pt, {
-						modelValue: m.value,
-						"onUpdate:modelValue": n[2] ||= (e) => m.value = e,
-						open: A(E),
-						"onUpdate:open": n[3] ||= (e) => g(E) ? E.value = e : null
-					}, null, 8, ["modelValue", "open"]), u("div", { style: y(w.value) }, null, 4)], 4)
-				], 4)], 32)]),
-				_: 1
-			}, 8, ["modelValue"]);
-		};
-	}
-}), Lt = /* @__PURE__ */ p({
-	__name: "editor",
-	props: {
-		modelValue: { required: !0 },
-		modelModifiers: {},
-		lock: {
-			type: Boolean,
-			required: !0
-		},
-		lockModifiers: {},
-		scale: { required: !0 },
-		scaleModifiers: {}
+		modelValue: { required: !0 },
+		modelModifiers: {},
+		lock: {
+			type: Boolean,
+			required: !0
+		},
+		lockModifiers: {},
+		scale: { required: !0 },
+		scaleModifiers: {}
 	},
 	emits: [
 		"update:modelValue",
@@ -1118,7 +704,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 		return t({ save: () => {
 			let e = l.value.save();
 			n.value = JSON.stringify(e, null, 2);
-		} }), (e, t) => (C(), s(A(xe), {
+		} }), (e, t) => (C(), s(A(be), {
 			ref_key: "target",
 			ref: l,
 			lock: r.value,
@@ -1138,7 +724,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			"version"
 		]));
 	}
-}), Rt = { class: "text-body-large" }, zt = /* @__PURE__ */ p({
+}), vt = { class: "text-body-large" }, yt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1219,12 +805,12 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 									variant: "text",
 									onClick: n[1] ||= (e) => w.value = !1
 								}),
-								u("span", Rt, k(x.value), 1),
+								u("span", vt, k(x.value), 1),
 								f(S)
 							]),
 							_: 1
 						}, 8, ["color"]),
-						u("div", { style: y(b.value) }, [f(Lt, {
+						u("div", { style: y(b.value) }, [f(_t, {
 							ref_key: "editor",
 							ref: E,
 							modelValue: p.value,
@@ -1245,7 +831,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), Bt = { class: "d-flex justify-space-between align-center my-2" }, Vt = { class: "flex-grow-1" }, Ht = /* @__PURE__ */ p({
+}), bt = { class: "d-flex justify-space-between align-center my-2" }, xt = { class: "flex-grow-1" }, St = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1317,7 +903,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			h.value?.trait === "themeColor" && (i.value = e);
 		}), (t, n) => {
 			let r = D("v-select"), i = D("v-number-input"), o = D("v-btn"), d = O("ripple");
-			return C(), l("div", Bt, [u("div", Vt, [
+			return C(), l("div", bt, [u("div", xt, [
 				I(f(r, {
 					modelValue: p.value,
 					"onUpdate:modelValue": [n[0] ||= (e) => p.value = e, g],
@@ -1363,7 +949,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 					void 0,
 					{ stop: !0 }
 				]]) : c("", !0),
-				h.value?.trait === "hexColor" ? (C(), s(Et, {
+				h.value?.trait === "hexColor" ? (C(), s(gt, {
 					key: 1,
 					modelValue: y.value,
 					"onUpdate:modelValue": n[2] ||= (e) => y.value = e
@@ -1392,7 +978,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), Ut = { class: "d-flex justify-space-between align-center" }, Wt = /* @__PURE__ */ p({
+}), Ct = { class: "d-flex justify-space-between align-center" }, wt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1427,7 +1013,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 		};
 		return (t, n) => {
 			let o = D("v-number-input"), u = D("v-btn"), d = O("ripple");
-			return C(), l("div", Ut, [I(f(o, {
+			return C(), l("div", Ct, [I(f(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				"control-variant": "stacked",
@@ -1462,7 +1048,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), Gt = { class: "d-flex justify-space-between align-center" }, Kt = /* @__PURE__ */ p({
+}), Tt = { class: "d-flex justify-space-between align-center" }, Et = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1491,7 +1077,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 		});
 		return (t, n) => {
 			let o = D("v-select"), u = D("v-btn"), d = O("ripple");
-			return C(), l("div", Gt, [I(f(o, {
+			return C(), l("div", Tt, [I(f(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				density: "compact",
@@ -1518,7 +1104,41 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), qt = { class: "text-body-large ml-6" }, Jt = /* @__PURE__ */ p({
+}), Dt = { class: "text-label-large ml-1" }, Ot = { class: "text-body-small text-grey ml-1" }, kt = /* @__PURE__ */ p({
+	__name: "group",
+	props: {
+		id: {},
+		title: {},
+		collapse: { type: Boolean },
+		count: {}
+	},
+	emits: ["x-click"],
+	setup(e, { emit: t }) {
+		let { backgroundColor2: n, highlightColor: r } = H(), i = e, a = t, s = T(!1), c = o(() => ({
+			background: s.value ? r.value : n.value,
+			height: "30px",
+			marginTop: "1px",
+			userSelect: "none"
+		}));
+		return (e, t) => {
+			let n = D("v-icon"), r = O("ripple");
+			return I((C(), l("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: y(c.value),
+				onClick: t[0] ||= (e) => a("x-click", i.id),
+				onMouseout: t[1] ||= (e) => s.value = !1,
+				onMouseover: t[2] ||= (e) => s.value = !0
+			}, [
+				f(n, {
+					icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
+					size: "small"
+				}, null, 8, ["icon"]),
+				u("span", Dt, k(i.title), 1),
+				u("span", Ot, k(i.count), 1)
+			], 36)), [[r]]);
+		};
+	}
+}), At = { class: "text-body-large ml-6" }, jt = /* @__PURE__ */ p({
 	__name: "item",
 	props: {
 		id: {},
@@ -1540,13 +1160,13 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 				onClick: n[0] ||= (t) => i("x-click", e.id),
 				onMouseout: n[1] ||= (e) => a.value = !1,
 				onMouseover: n[2] ||= (e) => a.value = !0
-			}, [u("span", qt, k(e.title), 1)], 36)), [[r]]);
+			}, [u("span", At, k(e.title), 1)], 36)), [[r]]);
 		};
 	}
-}), Yt = { key: 0 }, Xt = {
+}), Mt = { key: 0 }, Nt = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
-}, Zt = /* @__PURE__ */ p({
+}, Pt = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		modelValue: {},
@@ -1559,19 +1179,399 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e) {
-		let { nameList: t } = U(), n = M(e, "modelValue"), r = M(e, "open"), i = ot(), o = (e) => {
-			n.value = e, r.value = !1;
+		let { nameList: t } = U(), i = M(e, "modelValue"), o = M(e, "open"), u = ct(), d = (e) => {
+			let t = r(u, e);
+			t && n(u, e, !t.collapse);
+		}, f = (e) => {
+			i.value = e, o.value = !1;
 		};
-		return (e, n) => A(i).length > 0 ? (C(), l("div", Yt, [(C(!0), l(a, null, E(A(i), (e) => (C(), s(Jt, {
-			key: e.id,
+		return (e, n) => A(u).length > 0 ? (C(), l("div", Mt, [(C(!0), l(a, null, E(A(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(kt, {
+			key: 0,
 			id: e.id,
+			collapse: e.collapse,
+			count: e.count ?? 0,
 			title: e.name,
-			onXClick: o
-		}, null, 8, ["id", "title"]))), 128))])) : (C(), l("div", Xt, k(A(t)(["x-prop-tree.no", "x-prop-tree.slot"])), 1));
-	}
-}), Qt = { class: "text-body-large" }, $t = /* @__PURE__ */ p({
-	__name: "index",
-	props: /* @__PURE__ */ _({
+			onXClick: d
+		}, null, 8, [
+			"id",
+			"collapse",
+			"count",
+			"title"
+		])) : c("", !0), e.type === 1 && e.show ? (C(), s(jt, {
+			key: 1,
+			id: e.id,
+			title: e.name,
+			onXClick: f
+		}, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", Nt, k(A(t)([
+			"x-prop-tree.no",
+			"x-prop-tree.adapt",
+			"x-prop-tree.slot"
+		])), 1));
+	}
+}), Ft = { class: "text-body-large" }, It = /* @__PURE__ */ p({
+	__name: "index",
+	props: /* @__PURE__ */ _({
+		hasDelete: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let { t: n } = B(), i = xe(), { sysBarAvail: a, nameList: l } = U(), { backgroundColor1: p } = H(), m = M(e, "modelValue"), h = t, _ = ct(), b = o(() => {
+			let e = "100%";
+			return i.mdAndUp.value && (e = "400px"), {
+				background: p.value,
+				width: e,
+				height: "100%"
+			};
+		}), x = o(() => {
+			let e = 48;
+			return a.value && (e += 24), {
+				position: "relative",
+				height: `calc(100% - ${e}px)`
+			};
+		}), w = o(() => ({ height: "60px" })), T = o(() => {
+			if (!m.value) return n("x-runtime-lib.notSet");
+			let e = r(_, m.value);
+			return e ? e.name : n("x-runtime-lib.slotNotAvail");
+		}), { open: E } = W(`propTreeAdaptSlotSelectDlg${j()}`);
+		return S(() => {
+			E.value = !1;
+		}), (t, n) => {
+			let r = D("v-btn"), i = D("v-sheet"), o = D("v-dialog");
+			return C(), s(o, {
+				modelValue: A(E),
+				"onUpdate:modelValue": n[6] ||= (e) => g(E) ? E.value = e : null,
+				fullscreen: "",
+				"no-click-animation": "",
+				persistent: "",
+				transition: "scroll-x-reverse-transition",
+				onKeydown: n[7] ||= L(R((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
+			}, {
+				activator: F(({ props: t }) => [f(r, v(t, {
+					block: "",
+					density: "comfortable",
+					readonly: e.readonly
+				}), {
+					default: F(() => [d(k(T.value), 1)]),
+					_: 1
+				}, 16, ["readonly"]), e.hasDelete ? (C(), s(r, {
+					key: 0,
+					class: "mx-2",
+					density: "compact",
+					icon: "mdi-minus",
+					variant: "text",
+					onClick: n[0] ||= R((e) => h("delete"), ["stop"])
+				})) : c("", !0)]),
+				default: F(() => [u("div", {
+					class: "w-100 h-100 d-flex flex-row-reverse",
+					onClick: n[4] ||= R((e) => E.value = !1, ["self"]),
+					onContextmenu: n[5] ||= R((e) => E.value = !1, ["self", "prevent"])
+				}, [u("div", {
+					class: "elevation-2",
+					style: y(b.value)
+				}, [
+					A(a) ? (C(), s(i, {
+						key: 0,
+						color: "transparent",
+						height: 24
+					})) : c("", !0),
+					f(i, {
+						class: "d-flex align-center px-3",
+						color: "transparent",
+						height: 48
+					}, {
+						default: F(() => [f(r, {
+							density: "comfortable",
+							icon: "mdi-close",
+							variant: "text",
+							onClick: n[1] ||= (e) => E.value = !1
+						}), u("span", Ft, k(A(l)([
+							"x-prop-tree.select",
+							"x-prop-tree.adapt",
+							"x-prop-tree.slot"
+						])), 1)]),
+						_: 1
+					}),
+					u("div", {
+						class: "overflow-y-auto",
+						style: y(x.value)
+					}, [f(Pt, {
+						modelValue: m.value,
+						"onUpdate:modelValue": n[2] ||= (e) => m.value = e,
+						open: A(E),
+						"onUpdate:open": n[3] ||= (e) => g(E) ? E.value = e : null
+					}, null, 8, ["modelValue", "open"]), u("div", { style: y(w.value) }, null, 4)], 4)
+				], 4)], 32)]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+}), Lt = { class: "text-label-large ml-1" }, Rt = { class: "text-body-small text-grey ml-1" }, zt = /* @__PURE__ */ p({
+	__name: "group",
+	props: {
+		id: {},
+		title: {},
+		collapse: { type: Boolean },
+		count: {}
+	},
+	emits: ["x-click"],
+	setup(e, { emit: t }) {
+		let { backgroundColor2: n, highlightColor: r } = H(), i = e, a = t, s = T(!1), c = o(() => ({
+			background: s.value ? r.value : n.value,
+			height: "30px",
+			marginTop: "1px",
+			userSelect: "none"
+		}));
+		return (e, t) => {
+			let n = D("v-icon"), r = O("ripple");
+			return I((C(), l("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: y(c.value),
+				onClick: t[0] ||= (e) => a("x-click", i.id),
+				onMouseout: t[1] ||= (e) => s.value = !1,
+				onMouseover: t[2] ||= (e) => s.value = !0
+			}, [
+				f(n, {
+					icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
+					size: "small"
+				}, null, 8, ["icon"]),
+				u("span", Lt, k(i.title), 1),
+				u("span", Rt, k(i.count), 1)
+			], 36)), [[r]]);
+		};
+	}
+}), Bt = { class: "text-body-large ml-6" }, Vt = /* @__PURE__ */ p({
+	__name: "item",
+	props: {
+		id: {},
+		title: {}
+	},
+	emits: ["x-click"],
+	setup(e, { emit: t }) {
+		let { backgroundColor2: n, highlightColor: r } = H(), i = e, a = t, s = T(!1), c = o(() => ({
+			background: s.value ? r.value : n.value,
+			height: "48px",
+			marginTop: "1px",
+			userSelect: "none"
+		}));
+		return (e, t) => {
+			let n = O("ripple");
+			return I((C(), l("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: y(c.value),
+				onClick: t[0] ||= (e) => a("x-click", i.id),
+				onMouseout: t[1] ||= (e) => s.value = !1,
+				onMouseover: t[2] ||= (e) => s.value = !0
+			}, [u("span", Bt, k(i.title), 1)], 36)), [[n]]);
+		};
+	}
+}), Ht = { key: 0 }, Ut = {
+	key: 1,
+	class: "text-body-medium text-grey ml-3"
+}, Wt = /* @__PURE__ */ p({
+	__name: "index",
+	props: {
+		modelValue: {},
+		modelModifiers: {},
+		open: {
+			type: Boolean,
+			required: !0
+		},
+		openModifiers: {}
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(e) {
+		let { nameList: t } = U(), i = M(e, "modelValue"), o = M(e, "open"), u = it(), d = (e) => {
+			let t = r(u, e);
+			t && n(u, e, !t.collapse);
+		}, f = (e) => {
+			i.value = e, o.value = !1, V.emit("refreshDepends");
+		};
+		return (e, n) => A(u).length > 0 ? (C(), l("div", Ht, [(C(!0), l(a, null, E(A(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(zt, {
+			key: 0,
+			id: e.id,
+			collapse: e.collapse,
+			count: e.count ?? 0,
+			title: e.name,
+			onXClick: d
+		}, null, 8, [
+			"id",
+			"collapse",
+			"count",
+			"title"
+		])) : c("", !0), e.type === 1 && e.show ? (C(), s(Vt, {
+			key: 1,
+			id: e.id,
+			title: e.name,
+			onXClick: f
+		}, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", Ut, k(A(t)(["x-prop-tree.no", "x-prop-tree.comp"])), 1));
+	}
+}), Gt = { class: "text-body-large" }, Kt = /* @__PURE__ */ p({
+	__name: "index",
+	props: /* @__PURE__ */ _({
+		hasDelete: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let { t: n } = B(), i = xe(), { sysBarAvail: a, nameList: l } = U(), { backgroundColor1: p } = H(), m = M(e, "modelValue"), h = t, _ = it(), b = o(() => {
+			let e = "100%";
+			return i.mdAndUp.value && (e = "400px"), {
+				background: p.value,
+				width: e,
+				height: "100%"
+			};
+		}), x = o(() => {
+			let e = 48;
+			return a.value && (e += 24), {
+				position: "relative",
+				height: `calc(100% - ${e}px)`
+			};
+		}), w = o(() => ({ height: "60px" })), T = o(() => {
+			if (!m.value) return n("x-runtime-lib.notSet");
+			let e = r(_, m.value);
+			return e ? e.name : n("x-runtime-lib.compNotAvail");
+		}), { open: E } = W(`propTreeCompSelectDlg${j()}`);
+		return S(() => {
+			E.value = !1;
+		}), (t, n) => {
+			let r = D("v-btn"), i = D("v-sheet"), o = D("v-dialog");
+			return C(), s(o, {
+				modelValue: A(E),
+				"onUpdate:modelValue": n[6] ||= (e) => g(E) ? E.value = e : null,
+				fullscreen: "",
+				"no-click-animation": "",
+				persistent: "",
+				transition: "scroll-x-reverse-transition",
+				onKeydown: n[7] ||= L(R((e) => E.value = !1, ["stop", "prevent"]), ["esc"])
+			}, {
+				activator: F(({ props: t }) => [f(r, v(t, {
+					block: "",
+					density: "comfortable",
+					readonly: e.readonly
+				}), {
+					default: F(() => [d(k(T.value), 1)]),
+					_: 1
+				}, 16, ["readonly"]), e.hasDelete ? (C(), s(r, {
+					key: 0,
+					class: "mx-2",
+					density: "compact",
+					icon: "mdi-minus",
+					variant: "text",
+					onClick: n[0] ||= R((e) => h("delete"), ["stop"])
+				})) : c("", !0)]),
+				default: F(() => [u("div", {
+					class: "w-100 h-100 d-flex flex-row-reverse",
+					onClick: n[4] ||= R((e) => E.value = !1, ["self"]),
+					onContextmenu: n[5] ||= R((e) => E.value = !1, ["self", "prevent"])
+				}, [u("div", {
+					class: "elevation-2",
+					style: y(b.value)
+				}, [
+					A(a) ? (C(), s(i, {
+						key: 0,
+						color: "transparent",
+						height: 24
+					})) : c("", !0),
+					f(i, {
+						class: "d-flex align-center px-3",
+						color: "transparent",
+						height: 48
+					}, {
+						default: F(() => [f(r, {
+							density: "comfortable",
+							icon: "mdi-close",
+							variant: "text",
+							onClick: n[1] ||= (e) => E.value = !1
+						}), u("span", Gt, k(A(l)(["x-prop-tree.select", "x-prop-tree.comp"])), 1)]),
+						_: 1
+					}),
+					u("div", {
+						class: "overflow-y-auto",
+						style: y(x.value)
+					}, [f(Wt, {
+						modelValue: m.value,
+						"onUpdate:modelValue": n[2] ||= (e) => m.value = e,
+						open: A(E),
+						"onUpdate:open": n[3] ||= (e) => g(E) ? E.value = e : null
+					}, null, 8, ["modelValue", "open"]), u("div", { style: y(w.value) }, null, 4)], 4)
+				], 4)], 32)]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+}), qt = { class: "text-body-large ml-6" }, Jt = /* @__PURE__ */ p({
+	__name: "item",
+	props: {
+		id: {},
+		title: {}
+	},
+	emits: ["x-click"],
+	setup(e, { emit: t }) {
+		let { backgroundColor2: n, highlightColor: r } = H(), i = t, a = T(!1), s = o(() => ({
+			background: a.value ? r.value : n.value,
+			height: "48px",
+			marginTop: "1px",
+			userSelect: "none"
+		}));
+		return (t, n) => {
+			let r = O("ripple");
+			return I((C(), l("div", {
+				class: "d-flex align-center cursor-pointer",
+				style: y(s.value),
+				onClick: n[0] ||= (t) => i("x-click", e.id),
+				onMouseout: n[1] ||= (e) => a.value = !1,
+				onMouseover: n[2] ||= (e) => a.value = !0
+			}, [u("span", qt, k(e.title), 1)], 36)), [[r]]);
+		};
+	}
+}), Yt = { key: 0 }, Xt = {
+	key: 1,
+	class: "text-body-medium text-grey ml-3"
+}, Zt = /* @__PURE__ */ p({
+	__name: "index",
+	props: {
+		modelValue: {},
+		modelModifiers: {},
+		open: {
+			type: Boolean,
+			required: !0
+		},
+		openModifiers: {}
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(e) {
+		let { nameList: t } = U(), n = M(e, "modelValue"), r = M(e, "open"), i = ot(), o = (e) => {
+			n.value = e, r.value = !1;
+		};
+		return (e, n) => A(i).length > 0 ? (C(), l("div", Yt, [(C(!0), l(a, null, E(A(i), (e) => (C(), s(Jt, {
+			key: e.id,
+			id: e.id,
+			title: e.name,
+			onXClick: o
+		}, null, 8, ["id", "title"]))), 128))])) : (C(), l("div", Xt, k(A(t)(["x-prop-tree.no", "x-prop-tree.slot"])), 1));
+	}
+}), Qt = { class: "text-body-large" }, $t = /* @__PURE__ */ p({
+	__name: "index",
+	props: /* @__PURE__ */ _({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1586,7 +1586,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = B(), r = be(), { sysBarAvail: i, nameList: a } = U(), { backgroundColor1: l } = H(), p = M(e, "modelValue"), m = t, h = ot(), _ = o(() => {
+		let { t: n } = B(), r = xe(), { sysBarAvail: i, nameList: a } = U(), { backgroundColor1: l } = H(), p = M(e, "modelValue"), m = t, h = ot(), _ = o(() => {
 			let e = "100%";
 			return r.mdAndUp.value && (e = "400px"), {
 				background: l.value,
@@ -1762,53 +1762,15 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 	}
 });
 //#endregion
-//#region src/composables/uis/uiAdaptSlotSelect.ts
-function an() {
-	let e = $();
-	return { renderUiAdaptSlotSelect: (t, n, r, i, a) => {
-		if (n.ui !== "selectAdaptSlot") throw Error("renderUiSlotSelect property ui must be selectAdaptSlot");
-		return m(wt, {
-			modelValue: Y(t, n, r, i, a, e),
-			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
-			},
-			hasDelete: i !== void 0 && !a,
-			onDelete: () => {
-				i === void 0 || a || (r.splice(i, 1), e(t.slice(0, -1), r));
-			},
-			readonly: n.readonly
-		});
-	} };
-}
-//#endregion
 //#region src/composables/uis/uiColorPicker.ts
-function on() {
+function an() {
 	let e = $();
 	return { renderUiColorPicker: (t, n, r, i, a) => {
 		if (n.ui !== "colorPicker") throw Error("renderUiColorPicker property ui must be colorPicker");
-		return m(Et, {
-			modelValue: Y(t, n, r, i, a, e),
+		return m(gt, {
+			modelValue: q(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
-			},
-			hasDelete: i !== void 0 && !a,
-			onDelete: () => {
-				i === void 0 || a || (r.splice(i, 1), e(t.slice(0, -1), r));
-			},
-			readonly: n.readonly
-		});
-	} };
-}
-//#endregion
-//#region src/composables/uis/uiCompSelect.ts
-function sn() {
-	let e = $();
-	return { renderUiCompSelect: (t, n, r, i, a) => {
-		if (n.ui !== "selectComp") throw Error("renderUiCompSelect property ui must be selectComp");
-		return m(It, {
-			modelValue: Y(t, n, r, i, a, e),
-			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1820,23 +1782,23 @@ function sn() {
 }
 //#endregion
 //#region src/composables/uis/uiDummy.ts
-function cn() {
+function on() {
 	let e = $();
 	return { renderUiDummy: (t, n, r, i, a) => {
 		if (n.ui !== "dummy") throw Error("renderUiDummy property ui must be dummy");
-		Y(t, n, r, i, a, e);
+		q(t, n, r, i, a, e);
 	} };
 }
 //#endregion
 //#region src/composables/uis/uiJsonEditor.ts
-function ln() {
+function sn() {
 	let e = $();
 	return { renderUiJsonEditor: (t, n, r, i, a) => {
 		if (n.ui !== "jsonEditor") throw Error("renderUijsonEditor property ui must be jsonEditor");
-		return m(zt, {
-			modelValue: Y(t, n, r, i, a, e) ?? "{}",
+		return m(yt, {
+			modelValue: q(t, n, r, i, a, e) ?? "{}",
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1848,14 +1810,14 @@ function ln() {
 }
 //#endregion
 //#region src/composables/uis/uiMultiTypes.ts
-function un() {
+function cn() {
 	let e = $();
 	return { renderUiMultiTypes: (t, n, r, i, a) => {
 		if (n.ui !== "multiTypes") throw Error("renderUiMultiTypes property ui must be multiTypes");
-		return m(Ht, {
-			modelValue: Y(t, n, r, i, a, e) ?? "",
+		return m(St, {
+			modelValue: q(t, n, r, i, a, e) ?? "",
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1867,14 +1829,14 @@ function un() {
 }
 //#endregion
 //#region src/composables/uis/uiNumInput.ts
-function dn() {
+function ln() {
 	let e = $();
 	return { renderUiNumInput: (t, n, r, i, a) => {
 		if (n.ui !== "numInput") throw Error("renderUiNumInput property ui must be numInput");
-		return m(Wt, {
-			modelValue: Y(t, n, r, i, a, e),
+		return m(wt, {
+			modelValue: q(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1890,7 +1852,7 @@ function dn() {
 }
 //#endregion
 //#region src/components/entry/index.vue
-var fn = /* @__PURE__ */ p({
+var un = /* @__PURE__ */ p({
 	__name: "index",
 	props: { minHeight: {} },
 	emits: ["menu"],
@@ -1918,11 +1880,11 @@ var fn = /* @__PURE__ */ p({
 });
 //#endregion
 //#region src/composables/uis/uiProperty.ts
-function pn() {
+function dn() {
 	let { t: e } = B(), t = tt();
 	return { renderProperty: (n, r, i) => {
 		let a = n[n.length - 1], o = typeof a == "number" ? `[${a + 1}]` : e(r.name);
-		return Q(t.value, n) && (o += " *"), m(fn, {
+		return Q(t.value, n) && (o += " *"), m(un, {
 			minHeight: "56px",
 			onMenu: (e, t) => {
 				V.emit("propTreeMenu", {
@@ -1942,14 +1904,14 @@ function pn() {
 }
 //#endregion
 //#region src/composables/uis/uiSelect.ts
-function mn() {
+function fn() {
 	let e = $();
 	return { renderUiSelect: (t, n, r, i, a) => {
 		if (n.ui !== "select") throw Error("renderUiSelect property ui must be select");
-		return m(Kt, {
-			modelValue: Y(t, n, r, i, a, e) ?? "",
+		return m(Et, {
+			modelValue: q(t, n, r, i, a, e) ?? "",
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1961,15 +1923,53 @@ function mn() {
 	} };
 }
 //#endregion
-//#region src/composables/uis/uiSlotSelect.ts
+//#region src/composables/uis/uiSelectAdaptSlot.ts
+function pn() {
+	let e = $();
+	return { renderUiSelectAdaptSlot: (t, n, r, i, a) => {
+		if (n.ui !== "selectAdaptSlot") throw Error("useUiSelectAdaptSlot property ui must be selectAdaptSlot");
+		return m(It, {
+			modelValue: q(t, n, r, i, a, e),
+			"onUpdate:modelValue": (o) => {
+				J(t, n, r, o, i, a, e);
+			},
+			hasDelete: i !== void 0 && !a,
+			onDelete: () => {
+				i === void 0 || a || (r.splice(i, 1), e(t.slice(0, -1), r));
+			},
+			readonly: n.readonly
+		});
+	} };
+}
+//#endregion
+//#region src/composables/uis/uiSelectComp.ts
+function mn() {
+	let e = $();
+	return { renderUiSelectComp: (t, n, r, i, a) => {
+		if (n.ui !== "selectComp") throw Error("renderUiSelectComp property ui must be selectComp");
+		return m(Kt, {
+			modelValue: q(t, n, r, i, a, e),
+			"onUpdate:modelValue": (o) => {
+				J(t, n, r, o, i, a, e);
+			},
+			hasDelete: i !== void 0 && !a,
+			onDelete: () => {
+				i === void 0 || a || (r.splice(i, 1), e(t.slice(0, -1), r));
+			},
+			readonly: n.readonly
+		});
+	} };
+}
+//#endregion
+//#region src/composables/uis/uiSelectSlot.ts
 function hn() {
 	let e = $();
-	return { renderUiSlotSelect: (t, n, r, i, a) => {
-		if (n.ui !== "selectSlot") throw Error("renderUiSlotSelect property ui must be selectSlot");
+	return { renderUiSelectSlot: (t, n, r, i, a) => {
+		if (n.ui !== "selectSlot") throw Error("renderUiSelectSlot property ui must be selectSlot");
 		return m($t, {
-			modelValue: Y(t, n, r, i, a, e),
+			modelValue: q(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -1986,9 +1986,9 @@ function gn() {
 	return { renderUiStrInput: (t, n, r, i, a) => {
 		if (n.ui !== "strInput") throw Error("renderUiStrInput property ui must be strInput");
 		return m(tn, {
-			modelValue: n.static ? n.value : Y(t, n, r, i, a, e),
+			modelValue: n.static ? n.value : q(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
-				n.static || X(t, n, r, o, i, a, e);
+				n.static || J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2005,9 +2005,9 @@ function _n() {
 	return { renderUiSwitch: (t, n, r, i, a) => {
 		if (n.ui !== "switch") throw Error("renderUiSwitch property ui must be switch");
 		return m(rn, {
-			modelValue: Y(t, n, r, i, a, e) ?? !1,
+			modelValue: q(t, n, r, i, a, e) ?? !1,
 			"onUpdate:modelValue": (o) => {
-				X(t, n, r, o, i, a, e);
+				J(t, n, r, o, i, a, e);
 			},
 			hasDelete: i !== void 0 && !a,
 			onDelete: () => {
@@ -2024,19 +2024,19 @@ var vn = "20px", yn = /* @__PURE__ */ p({
 	setup(t) {
 		let { t: n } = B(), { backgroundColor1: r } = H(), i = Ye(), o = Ze(), s = $e(), c = tt(), u = $();
 		pt(), mt(), ft();
-		let { renderProperty: d } = pn(), { renderUiDummy: p } = cn(), { renderUiStrInput: h } = gn(), { renderUiNumInput: g } = dn(), { renderUiSwitch: _ } = _n(), { renderUiSelect: v } = mn(), { renderUiColorPicker: y } = on(), { renderUiJsonEditor: b } = ln(), { renderUiMultiTypes: x } = un(), { renderUiCompSelect: S } = sn(), { renderUiSlotSelect: w } = hn(), { renderUiAdaptSlotSelect: T } = an(), E = (t, n, r, i, a, o) => {
+		let { renderProperty: d } = dn(), { renderUiDummy: p } = on(), { renderUiStrInput: h } = gn(), { renderUiNumInput: g } = ln(), { renderUiSwitch: _ } = _n(), { renderUiSelect: v } = fn(), { renderUiColorPicker: y } = an(), { renderUiJsonEditor: b } = sn(), { renderUiMultiTypes: x } = cn(), { renderUiSelectComp: S } = mn(), { renderUiSelectSlot: w } = hn(), { renderUiSelectAdaptSlot: T } = pn(), E = (t, n, r, i, a, o) => {
 			if (t = e(t), i === void 0 ? t.push(n.key) : (t.push(i), a && t.push(n.key)), t?.[0] !== "runtime") return n.ui ? n.array && !o ? O(t, n, r, i, a) : k(t, n, r, i, a) : n.array ? ee(t, n, r, i, a) : D(t, n, r, i, a);
 		}, ee = (e, t, r, i, a) => {
 			if (t.ui) throw Error("renderBranchArray property ui must be invalid");
 			if (!t.array) throw Error("renderBranchArray property array must be valid");
 			let o = Se(e, t, r, i, a, u), l = n(t.name);
-			G(s, e) && Q(c.value, e) && (l += " *");
+			Y(s, e) && Q(c.value, e) && (l += " *");
 			let d = m(dt, {
 				title: l,
-				collapse: G(s, e),
+				collapse: Y(s, e),
 				hasCreate: !0,
 				onCollapse: (t) => {
-					K(s, e, t);
+					X(s, e, t);
 				},
 				onMenu: (t, n) => {
 					V.emit("propTreeMenu", {
@@ -2052,14 +2052,14 @@ var vn = "20px", yn = /* @__PURE__ */ p({
 				let n = [];
 				for (let r = 0; r < o.length; r++) {
 					let i = [...e, r], a = `[${r + 1}]`;
-					G(s, [...e, r]) && Q(c.value, i) && (a += " *");
+					Y(s, [...e, r]) && Q(c.value, i) && (a += " *");
 					let l = m(dt, {
 						title: a,
-						collapse: G(s, [...e, r]),
+						collapse: Y(s, [...e, r]),
 						hasDelete: !0,
 						index: r,
 						onCollapse: (t) => {
-							K(s, [...e, r], t);
+							X(s, [...e, r], t);
 						},
 						onMenu: (e, t) => {
 							V.emit("propTreeMenu", {
@@ -2078,25 +2078,25 @@ var vn = "20px", yn = /* @__PURE__ */ p({
 						for (let i of t.children) n.push(E(e, i, o[r], r, !0));
 						return n;
 					})());
-					G(s, [...e, r]) || n.push(d);
+					Y(s, [...e, r]) || n.push(d);
 				}
 				return n;
 			})());
 			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(d), G(s, e) || t.push(f), t;
+				return t.push(d), Y(s, e) || t.push(f), t;
 			})());
 		}, D = (e, t, r, i, a) => {
 			if (t.ui) throw Error("renderBranchScalar property ui must be invalid");
 			if (t.array) throw Error("renderBranchScalar property array must be invalid");
 			let o = n(t.name);
-			G(s, e) && Q(c.value, e) && (o += " *");
+			Y(s, e) && Q(c.value, e) && (o += " *");
 			let l = m(dt, {
 				title: o,
-				collapse: G(s, e),
+				collapse: Y(s, e),
 				hasDelete: i !== void 0 && !a,
 				onCollapse: (t) => {
-					K(s, e, t);
+					X(s, e, t);
 				},
 				onMenu: (t, n) => {
 					V.emit("propTreeMenu", {
@@ -2115,19 +2115,19 @@ var vn = "20px", yn = /* @__PURE__ */ p({
 			})());
 			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(l), G(s, e) || t.push(d), t;
+				return t.push(l), Y(s, e) || t.push(d), t;
 			})());
 		}, O = (e, t, r, i, a) => {
 			if (!t.ui) throw Error("renderLeafArray property ui must be valid");
 			if (!t.array) throw Error("renderLeafArray property array must be valid");
 			let o = Se(e, t, r, i, a, u), l = n(t.name);
-			G(s, e) && Q(c.value, e) && (l += " *");
+			Y(s, e) && Q(c.value, e) && (l += " *");
 			let d = m(dt, {
 				title: l,
-				collapse: G(s, e),
+				collapse: Y(s, e),
 				hasCreate: !0,
 				onCollapse: (t) => {
-					K(s, e, t);
+					X(s, e, t);
 				},
 				onMenu: (t, n) => {
 					V.emit("propTreeMenu", {
@@ -2146,7 +2146,7 @@ var vn = "20px", yn = /* @__PURE__ */ p({
 			})());
 			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
-				return t.push(d), G(s, e) || t.push(f), t;
+				return t.push(d), Y(s, e) || t.push(f), t;
 			})());
 		}, k = (e, t, n, r, i) => {
 			if (!t.ui) throw Error("renderLeafScalar property ui must be valid");