x-prop-tree 0.8.14 → 0.8.15

package/dist/index.js

@@ -13,10 +13,10 @@ function q(e, t) {
 		name: "",
 		children: e
 	};
-	for (let e of t) {
+	for (let e of t) if (typeof e != "number") {
 		if (!n) throw Error("target must be valid");
 		if (n.ui) throw Error("target ui must be invalid");
-		typeof e != "number" && (n = n.children.find((t) => t.key === e));
+		n = n.children.find((t) => t.key === e);
 	}
 	return n;
 }
@@ -94,14 +94,14 @@ var Se = (e, t) => {
 function we(e) {
 	return Ce.find((n) => t(e, n));
 }
-function Te(t, n, r, i, a, o) {
+function Te(t, n, r, i, a, o, s) {
 	return t = e(t), a === void 0 ? t.push(n.key) : (t.push(a), o && t.push(n.key)), t?.[0] === "runtime" ? {
 		change: !1,
 		warning: !1
 	} : we(t) ? (i.change = !1, i.warning = !1, {
 		change: i.change,
 		warning: i.warning
-	}) : n.ui ? n.array && i.children ? Oe(t, n, r, i, a, o) : ke(n, r, i, a, o) : n.array ? Ee(t, n, r, i, a, o) : De(t, n, r, i, a, o);
+	}) : n.ui ? n.array && !s ? Oe(t, n, r, i, a, o) : ke(n, r, i, a, o) : n.array ? Ee(t, n, r, i, a, o) : De(t, n, r, i, a, o);
 }
 function Ee(e, n, r, i, a, o) {
 	if (n.ui) throw Error("execPropertyBranchArray property ui must be invalid");
@@ -170,7 +170,7 @@ function Oe(e, n, r, i, a, o) {
 			warning: !1,
 			children: {}
 		};
-		let { change: r, warning: a } = Te(e, n, s, i.children[t], t, !1);
+		let { change: r, warning: a } = Te(e, n, s, i.children[t], t, !1, !0);
 		!i.change && r && (i.change = r), !i.warning && a && (i.warning = a);
 	}
 	return i.change ||= !t(s, V(n)), {
@@ -288,43 +288,67 @@ function ct() {
 	return h(Ve);
 }
 //#endregion
+//#region src/utils/reset.ts
+function lt(e, n, r, i) {
+	if (n.ui) if (n.array) {
+		let a = e[n.key], o = V(n);
+		t(o, a) || (e[n.key] = o, i([...r, n.key], o));
+	} else {
+		let a = e[n.key], o = B(n);
+		t(o, a) || (e[n.key] = o, i([...r, n.key], o));
+	}
+	else if (n.array) {
+		let a = e[n.key], o = V(n);
+		t(o, a) || (e[n.key] = o, i([...r, n.key], o));
+	} else for (let t of n.children) lt(e[n.key], t, [...r, n.key], i);
+}
+function ut(e, n, r, i) {
+	let a = r.at(-1);
+	if (a === void 0) return;
+	let o = q(n, r);
+	if (o) if (o.ui) if (o.array) if (typeof a == "string") {
+		let n = J(e, r.slice(0, -1));
+		if (!n) return;
+		let s = n[a], c = V(o);
+		t(c, s) || (n[a] = c, i(r, c));
+	} else {
+		let n = J(e, r.slice(0, -1));
+		if (!n) return;
+		let s = n[a], c = B(o);
+		t(c, s) || (n[a] = c, i(r, c));
+	}
+	else {
+		let n = J(e, r.slice(0, -1));
+		if (!n) return;
+		let s = n[a], c = B(o);
+		t(c, s) || (n[a] = c, i(r, c));
+	}
+	else if (o.array) if (typeof a == "string") {
+		let n = J(e, r.slice(0, -1));
+		if (!n) return;
+		let s = n[a], c = V(o);
+		t(c, s) || (n[a] = c, i(r, c));
+	} else {
+		let t = J(e, r);
+		if (!t) return;
+		for (let e of o.children) lt(t, e, r, i);
+	}
+	else {
+		let t = J(e, r);
+		if (!t) return;
+		for (let e of o.children) lt(t, e, r, i);
+	}
+}
+//#endregion
 //#region src/components/menu/index.vue
-var lt = /* @__PURE__ */ p({
+var dt = /* @__PURE__ */ p({
 	__name: "index",
 	setup(e) {
 		let { t } = H(), n = Ye(), r = Ze(), i = tt(), c = $(), u = T(0), p = T(0), m = T([]), h = o(() => [u.value, p.value]), _ = (e) => {
 			!(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);
-					if (e) if (e.ui) {
-						let t = J(r.value, m.value.slice(0, -1));
-						if (!t) return;
-						t[m.value[m.value.length - 1]] = B(e), c(m.value, t[m.value[m.value.length - 1]]);
-					} else if (e.array) {
-						let t = m.value[m.value.length - 1];
-						if (t === void 0) {
-							console.assert(!1, "invalid last key");
-							return;
-						}
-						if (typeof t == "string") {
-							let t = J(r.value, m.value.slice(0, -1));
-							if (!t) return;
-							t[m.value[m.value.length - 1]] = B(e), c(m.value, t[m.value[m.value.length - 1]]);
-						} else {
-							let t = J(r.value, m.value);
-							if (!t) return;
-							e.children.forEach((n) => {
-								t[n.key] = B(e), c([...m.value, n.key], t[n.key]);
-							});
-						}
-					} else {
-						let t = J(r.value, m.value);
-						if (!t) return;
-						e.children.forEach((n) => {
-							t[n.key] = B(e), c([...m.value, n.key], t[n.key]);
-						});
-					}
+					ut(r.value, n.value, m.value, c);
 				}
 			});
 		}, v = (e) => {
@@ -398,7 +422,7 @@ var lt = /* @__PURE__ */ p({
 			}, 8, ["modelValue", "target"]);
 		};
 	}
-}), ut = { style: { pointerEvents: "none" } }, dt = /* @__PURE__ */ p({
+}), ft = { style: { pointerEvents: "none" } }, pt = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		title: {},
@@ -444,7 +468,7 @@ var lt = /* @__PURE__ */ p({
 					class: "mr-1",
 					icon: e.collapse ? "mdi-chevron-right" : "mdi-chevron-down"
 				}, null, 8, ["icon"]),
-				u("span", ut, A(e.title), 1),
+				u("span", ft, A(e.title), 1),
 				f(o),
 				e.hasCreate ? (C(), s(h, {
 					key: 0,
@@ -468,7 +492,7 @@ var lt = /* @__PURE__ */ p({
 });
 //#endregion
 //#region src/composables/adaptSlotList/index.ts
-function ft() {
+function mt() {
 	let e = Ue(), t = Ge(), n = qe(), { i18n: a } = fe, o = T([]);
 	st(o);
 	let s = () => {
@@ -550,7 +574,7 @@ function ft() {
 }
 //#endregion
 //#region src/composables/compList/index.ts
-function pt() {
+function ht() {
 	let e = T([]);
 	rt(e);
 	let t = () => {
@@ -588,7 +612,7 @@ function pt() {
 }
 //#endregion
 //#region src/composables/slotList/index.ts
-function mt() {
+function gt() {
 	let e = T([]);
 	at(e);
 	let t = () => {
@@ -617,7 +641,7 @@ function mt() {
 }
 //#endregion
 //#region src/components/values/adaptSlot/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({
+var _t = { class: "text-label-large ml-1" }, vt = { class: "text-body-small text-grey ml-1" }, yt = /* @__PURE__ */ p({
 	__name: "group",
 	props: {
 		id: {},
@@ -646,12 +670,12 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 					icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
 					size: "small"
 				}, null, 8, ["icon"]),
-				u("span", ht, A(i.title), 1),
-				u("span", gt, A(i.count), 1)
+				u("span", _t, A(i.title), 1),
+				u("span", vt, A(i.count), 1)
 			], 36)), [[r]]);
 		};
 	}
-}), vt = { class: "text-body-large ml-6" }, yt = /* @__PURE__ */ p({
+}), bt = { class: "text-body-large ml-6" }, xt = /* @__PURE__ */ p({
 	__name: "item",
 	props: {
 		id: {},
@@ -673,13 +697,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", vt, A(e.title), 1)], 36)), [[r]]);
+			}, [u("span", bt, A(e.title), 1)], 36)), [[r]]);
 		};
 	}
-}), bt = { key: 0 }, xt = {
+}), St = { key: 0 }, Ct = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
-}, St = /* @__PURE__ */ p({
+}, wt = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		modelValue: {},
@@ -698,7 +722,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 		}, f = (e) => {
 			i.value = e, o.value = !1;
 		};
-		return (e, n) => j(u).length > 0 ? (C(), l("div", bt, [(C(!0), l(a, null, E(j(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(_t, {
+		return (e, n) => j(u).length > 0 ? (C(), l("div", St, [(C(!0), l(a, null, E(j(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(yt, {
 			key: 0,
 			id: e.id,
 			collapse: e.collapse,
@@ -710,18 +734,18 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			"collapse",
 			"count",
 			"title"
-		])) : c("", !0), e.type === 1 && e.show ? (C(), s(yt, {
+		])) : c("", !0), e.type === 1 && e.show ? (C(), s(xt, {
 			key: 1,
 			id: e.id,
 			title: e.name,
 			onXClick: f
-		}, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", xt, A(j(t)([
+		}, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", Ct, A(j(t)([
 			"x-prop-tree.no",
 			"x-prop-tree.adapt",
 			"x-prop-tree.slot"
 		])), 1));
 	}
-}), Ct = { class: "text-body-large" }, wt = /* @__PURE__ */ p({
+}), Tt = { class: "text-body-large" }, Et = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -807,7 +831,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 							icon: "mdi-close",
 							variant: "text",
 							onClick: n[1] ||= (e) => E.value = !1
-						}), u("span", Ct, A(j(l)([
+						}), u("span", Tt, A(j(l)([
 							"x-prop-tree.select",
 							"x-prop-tree.adapt",
 							"x-prop-tree.slot"
@@ -817,7 +841,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 					u("div", {
 						class: "overflow-y-auto",
 						style: y(x.value)
-					}, [f(St, {
+					}, [f(wt, {
 						modelValue: m.value,
 						"onUpdate:modelValue": n[2] ||= (e) => m.value = e,
 						open: j(E),
@@ -828,7 +852,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), Tt = { class: "text-label-large ml-1" }, Et = { class: "text-body-small text-grey ml-1" }, Dt = /* @__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: {},
@@ -857,12 +881,12 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 					icon: i.collapse ? "mdi-chevron-right" : "mdi-chevron-down",
 					size: "small"
 				}, null, 8, ["icon"]),
-				u("span", Tt, A(i.title), 1),
-				u("span", Et, A(i.count), 1)
+				u("span", Dt, A(i.title), 1),
+				u("span", Ot, A(i.count), 1)
 			], 36)), [[r]]);
 		};
 	}
-}), Ot = { class: "text-body-large ml-6" }, kt = /* @__PURE__ */ p({
+}), At = { class: "text-body-large ml-6" }, jt = /* @__PURE__ */ p({
 	__name: "item",
 	props: {
 		id: {},
@@ -884,13 +908,13 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 				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", Ot, A(i.title), 1)], 36)), [[n]]);
+			}, [u("span", At, A(i.title), 1)], 36)), [[n]]);
 		};
 	}
-}), At = { key: 0 }, jt = {
+}), Mt = { key: 0 }, Nt = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
-}, Mt = /* @__PURE__ */ p({
+}, Pt = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		modelValue: {},
@@ -909,7 +933,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 		}, f = (e) => {
 			i.value = e, o.value = !1, U.emit("refreshDepends");
 		};
-		return (e, n) => j(u).length > 0 ? (C(), l("div", At, [(C(!0), l(a, null, E(j(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(Dt, {
+		return (e, n) => j(u).length > 0 ? (C(), l("div", Mt, [(C(!0), l(a, null, E(j(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(kt, {
 			key: 0,
 			id: e.id,
 			collapse: e.collapse,
@@ -921,14 +945,14 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			"collapse",
 			"count",
 			"title"
-		])) : c("", !0), e.type === 1 && e.show ? (C(), s(kt, {
+		])) : 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", jt, A(j(t)(["x-prop-tree.no", "x-prop-tree.comp"])), 1));
+		}, null, 8, ["id", "title"])) : c("", !0)], 64))), 128))])) : (C(), l("div", Nt, A(j(t)(["x-prop-tree.no", "x-prop-tree.comp"])), 1));
 	}
-}), Nt = { class: "text-body-large" }, Pt = /* @__PURE__ */ p({
+}), Ft = { class: "text-body-large" }, It = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1014,13 +1038,13 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 							icon: "mdi-close",
 							variant: "text",
 							onClick: n[1] ||= (e) => E.value = !1
-						}), u("span", Nt, A(j(l)(["x-prop-tree.select", "x-prop-tree.comp"])), 1)]),
+						}), u("span", Ft, A(j(l)(["x-prop-tree.select", "x-prop-tree.comp"])), 1)]),
 						_: 1
 					}),
 					u("div", {
 						class: "overflow-y-auto",
 						style: y(x.value)
-					}, [f(Mt, {
+					}, [f(Pt, {
 						modelValue: m.value,
 						"onUpdate:modelValue": n[2] ||= (e) => m.value = e,
 						open: j(E),
@@ -1031,7 +1055,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), Ft = { class: "d-flex justify-space-between align-center" }, It = /* @__PURE__ */ p({
+}), Lt = { class: "d-flex justify-space-between align-center" }, Rt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1058,7 +1082,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 		};
 		return (t, n) => {
 			let o = O("v-text-field"), u = O("v-btn"), d = k("ripple");
-			return C(), l("div", Ft, [L(f(o, {
+			return C(), l("div", Lt, [L(f(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				density: "compact",
@@ -1081,7 +1105,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), Lt = /* @__PURE__ */ p({
+}), zt = /* @__PURE__ */ p({
 	__name: "editor",
 	props: {
 		modelValue: { required: !0 },
@@ -1127,7 +1151,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			"version"
 		]));
 	}
-}), Rt = { class: "text-body-large" }, zt = /* @__PURE__ */ p({
+}), Bt = { class: "text-body-large" }, Vt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1208,12 +1232,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, A(x.value), 1),
+								u("span", Bt, A(x.value), 1),
 								f(S)
 							]),
 							_: 1
 						}, 8, ["color"]),
-						u("div", { style: y(b.value) }, [f(Lt, {
+						u("div", { style: y(b.value) }, [f(zt, {
 							ref_key: "editor",
 							ref: E,
 							modelValue: p.value,
@@ -1234,7 +1258,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" }, Vt = /* @__PURE__ */ p({
+}), Ht = { class: "d-flex justify-space-between align-center" }, Ut = /* @__PURE__ */ p({
 	__name: "color",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1265,7 +1289,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 				"close-on-content-click": !1,
 				scrim: "transparent"
 			}, {
-				activator: I(({ props: t }) => [u("div", Bt, [u("div", {
+				activator: I(({ props: t }) => [u("div", Ht, [u("div", {
 					class: "flex-grow-1",
 					style: y(a.value)
 				}, [f(m, v(t, {
@@ -1295,7 +1319,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), Ht = { class: "d-flex justify-space-between align-center my-2" }, Ut = { class: "flex-grow-1" }, Wt = /* @__PURE__ */ p({
+}), Wt = { class: "d-flex justify-space-between align-center my-2" }, Gt = { class: "flex-grow-1" }, Kt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1372,7 +1396,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 = O("v-select"), i = O("v-number-input"), o = O("v-btn"), d = k("ripple");
-			return C(), l("div", Ht, [u("div", Ut, [
+			return C(), l("div", Wt, [u("div", Gt, [
 				L(f(r, {
 					modelValue: p.value,
 					"onUpdate:modelValue": [n[0] ||= (e) => p.value = e, g],
@@ -1418,7 +1442,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(Vt, {
+				h.value?.trait === "hexColor" ? (C(), s(Ut, {
 					key: 1,
 					modelValue: b.value,
 					"onUpdate:modelValue": n[2] ||= (e) => b.value = e
@@ -1447,7 +1471,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({
+}), qt = { class: "d-flex justify-space-between align-center" }, Jt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1482,7 +1506,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 		};
 		return (t, n) => {
 			let o = O("v-number-input"), u = O("v-btn"), d = k("ripple");
-			return C(), l("div", Gt, [L(f(o, {
+			return C(), l("div", qt, [L(f(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				"control-variant": "stacked",
@@ -1517,7 +1541,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), qt = { class: "d-flex justify-space-between align-center my-2" }, Jt = { class: "flex-grow-1" }, Yt = /* @__PURE__ */ p({
+}), Yt = { class: "d-flex justify-space-between align-center my-2" }, Xt = { class: "flex-grow-1" }, Zt = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1577,7 +1601,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 		}
 		return (t, n) => {
 			let r = O("v-select"), i = O("v-number-input"), o = O("v-btn"), m = k("ripple");
-			return C(), l("div", qt, [u("div", Jt, [L(f(r, {
+			return C(), l("div", Yt, [u("div", Xt, [L(f(r, {
 				modelValue: d.value,
 				"onUpdate:modelValue": [n[0] ||= (e) => d.value = e, g],
 				density: "compact",
@@ -1623,7 +1647,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), Xt = { class: "d-flex justify-space-between align-center" }, Zt = /* @__PURE__ */ p({
+}), Qt = { class: "d-flex justify-space-between align-center" }, $t = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1653,7 +1677,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 		});
 		return (t, n) => {
 			let o = O("v-select"), u = O("v-btn"), d = k("ripple");
-			return C(), l("div", Xt, [L(f(o, {
+			return C(), l("div", Qt, [L(f(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				density: "compact",
@@ -1680,7 +1704,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), Qt = { class: "text-body-large ml-6" }, $t = /* @__PURE__ */ p({
+}), en = { class: "text-body-large ml-6" }, tn = /* @__PURE__ */ p({
 	__name: "item",
 	props: {
 		id: {},
@@ -1702,13 +1726,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, A(e.title), 1)], 36)), [[r]]);
+			}, [u("span", en, A(e.title), 1)], 36)), [[r]]);
 		};
 	}
-}), en = { key: 0 }, tn = {
+}), nn = { key: 0 }, rn = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
-}, nn = /* @__PURE__ */ p({
+}, an = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		modelValue: {},
@@ -1724,14 +1748,14 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 		let { nameList: t } = G(), n = N(e, "modelValue"), r = N(e, "open"), i = ot(), o = (e) => {
 			n.value = e, r.value = !1;
 		};
-		return (e, n) => j(i).length > 0 ? (C(), l("div", en, [(C(!0), l(a, null, E(j(i), (e) => (C(), s($t, {
+		return (e, n) => j(i).length > 0 ? (C(), l("div", nn, [(C(!0), l(a, null, E(j(i), (e) => (C(), s(tn, {
 			key: e.id,
 			id: e.id,
 			title: e.name,
 			onXClick: o
-		}, null, 8, ["id", "title"]))), 128))])) : (C(), l("div", tn, A(j(t)(["x-prop-tree.no", "x-prop-tree.slot"])), 1));
+		}, null, 8, ["id", "title"]))), 128))])) : (C(), l("div", rn, A(j(t)(["x-prop-tree.no", "x-prop-tree.slot"])), 1));
 	}
-}), rn = { class: "text-body-large" }, an = /* @__PURE__ */ p({
+}), on = { class: "text-body-large" }, sn = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1817,13 +1841,13 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 							icon: "mdi-close",
 							variant: "text",
 							onClick: n[1] ||= (e) => T.value = !1
-						}), u("span", rn, A(j(a)(["x-prop-tree.select", "x-prop-tree.slot"])), 1)]),
+						}), u("span", on, A(j(a)(["x-prop-tree.select", "x-prop-tree.slot"])), 1)]),
 						_: 1
 					}),
 					u("div", {
 						class: "overflow-y-auto",
 						style: y(b.value)
-					}, [f(nn, {
+					}, [f(an, {
 						modelValue: p.value,
 						"onUpdate:modelValue": n[2] ||= (e) => p.value = e,
 						open: j(T),
@@ -1834,7 +1858,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			}, 8, ["modelValue"]);
 		};
 	}
-}), on = { class: "d-flex justify-space-between align-center" }, sn = /* @__PURE__ */ p({
+}), cn = { class: "d-flex justify-space-between align-center" }, ln = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1854,7 +1878,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 		let n = N(e, "modelValue"), r = t;
 		return (t, i) => {
 			let a = O("v-switch"), o = O("v-btn");
-			return C(), l("div", on, [f(a, {
+			return C(), l("div", cn, [f(a, {
 				modelValue: n.value,
 				"onUpdate:modelValue": i[0] ||= (e) => n.value = e,
 				class: "ml-1",
@@ -1872,7 +1896,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 			})) : c("", !0)]);
 		};
 	}
-}), cn = { class: "d-flex justify-space-between align-center" }, ln = /* @__PURE__ */ p({
+}), un = { class: "d-flex justify-space-between align-center" }, dn = /* @__PURE__ */ p({
 	__name: "index",
 	props: /* @__PURE__ */ _({
 		hasDelete: {
@@ -1899,7 +1923,7 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 		};
 		return (t, n) => {
 			let o = O("v-text-field"), u = O("v-btn"), d = k("ripple");
-			return C(), l("div", cn, [L(f(o, {
+			return C(), l("div", un, [L(f(o, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 				density: "compact",
@@ -1925,11 +1949,11 @@ var ht = { class: "text-label-large ml-1" }, gt = { class: "text-body-small text
 });
 //#endregion
 //#region src/composables/uis/uiAdaptSlot.ts
-function un() {
+function fn() {
 	let e = $();
 	return { renderUiAdaptSlot: (t, n, r, i, a) => {
 		if (n.ui !== "adaptSlot") throw Error("useUiAdaptSlot property ui must be adaptSlot");
-		return m(wt, {
+		return m(Et, {
 			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -1944,11 +1968,11 @@ function un() {
 }
 //#endregion
 //#region src/composables/uis/uiComp.ts
-function dn() {
+function pn() {
 	let e = $();
 	return { renderUiComp: (t, n, r, i, a) => {
 		if (n.ui !== "comp") throw Error("renderUiComp property ui must be comp");
-		return m(Pt, {
+		return m(It, {
 			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -1963,7 +1987,7 @@ function dn() {
 }
 //#endregion
 //#region src/composables/uis/uiDummy.ts
-function fn() {
+function mn() {
 	let e = $();
 	return { renderUiDummy: (t, n, r, i, a) => {
 		if (n.ui !== "dummy") throw Error("renderUiDummy property ui must be dummy");
@@ -1972,11 +1996,11 @@ function fn() {
 }
 //#endregion
 //#region src/composables/uis/uiIcon.ts
-function pn() {
+function hn() {
 	let e = $();
 	return { renderUiIcon: (t, n, r, i, a) => {
 		if (n.ui !== "icon") throw Error("renderUiIcon property ui must be icon");
-		return m(It, {
+		return m(Rt, {
 			modelValue: n.static ? n.value : Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				n.static || X(t, n, r, o, i, a, e);
@@ -1991,11 +2015,11 @@ function pn() {
 }
 //#endregion
 //#region src/composables/uis/uiJson.ts
-function mn() {
+function gn() {
 	let e = $();
 	return { renderUiJson: (t, n, r, i, a) => {
 		if (n.ui !== "json") throw Error("renderUiJson property ui must be json");
-		return m(zt, {
+		return m(Vt, {
 			modelValue: Y(t, n, r, i, a, e) ?? "{}",
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -2010,11 +2034,11 @@ function mn() {
 }
 //#endregion
 //#region src/composables/uis/uiMultiTypes.ts
-function hn() {
+function _n() {
 	let e = $();
 	return { renderUiMultiTypes: (t, n, r, i, a) => {
 		if (n.ui !== "multiTypes") throw Error("renderUiMultiTypes property ui must be multiTypes");
-		return m(Wt, {
+		return m(Kt, {
 			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -2029,11 +2053,11 @@ function hn() {
 }
 //#endregion
 //#region src/composables/uis/uiNumber.ts
-function gn() {
+function vn() {
 	let e = $();
 	return { renderUiNumber: (t, n, r, i, a) => {
 		if (n.ui !== "number") throw Error("renderUiNumber property ui must be number");
-		return m(Kt, {
+		return m(Jt, {
 			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -2052,7 +2076,7 @@ function gn() {
 }
 //#endregion
 //#region src/components/entry/index.vue
-var _n = /* @__PURE__ */ p({
+var yn = /* @__PURE__ */ p({
 	__name: "index",
 	props: { minHeight: {} },
 	emits: ["menu"],
@@ -2080,11 +2104,11 @@ var _n = /* @__PURE__ */ p({
 });
 //#endregion
 //#region src/composables/uis/uiProperty.ts
-function vn() {
+function bn() {
 	let { t: e } = H(), 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(_n, {
+		return Q(t.value, n) && (o += " *"), m(yn, {
 			minHeight: "56px",
 			onMenu: (e, t) => {
 				U.emit("propTreeMenu", {
@@ -2104,11 +2128,11 @@ function vn() {
 }
 //#endregion
 //#region src/composables/uis/uiRule.ts
-function yn() {
+function xn() {
 	let e = $();
 	function t(t, n, r, i, a) {
 		if (n.ui !== "rule") throw Error("renderUiRule property ui must be rule");
-		return m(Yt, {
+		return m(Zt, {
 			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -2123,11 +2147,11 @@ function yn() {
 }
 //#endregion
 //#region src/composables/uis/uiSelect.ts
-function bn() {
+function Sn() {
 	let e = $();
 	return { renderUiSelect: (t, n, r, i, a) => {
 		if (n.ui !== "select") throw Error("renderUiSelect property ui must be select");
-		return m(Zt, {
+		return m($t, {
 			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -2143,11 +2167,11 @@ function bn() {
 }
 //#endregion
 //#region src/composables/uis/uiSlot.ts
-function xn() {
+function Cn() {
 	let e = $();
 	return { renderUiSlot: (t, n, r, i, a) => {
 		if (n.ui !== "slot") throw Error("renderUiSlot property ui must be slot");
-		return m(an, {
+		return m(sn, {
 			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -2162,11 +2186,11 @@ function xn() {
 }
 //#endregion
 //#region src/composables/uis/uiSwitch.ts
-function Sn() {
+function wn() {
 	let e = $();
 	return { renderUiSwitch: (t, n, r, i, a) => {
 		if (n.ui !== "switch") throw Error("renderUiSwitch property ui must be switch");
-		return m(sn, {
+		return m(ln, {
 			modelValue: Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				X(t, n, r, o, i, a, e);
@@ -2181,11 +2205,11 @@ function Sn() {
 }
 //#endregion
 //#region src/composables/uis/uiText.ts
-function Cn() {
+function Tn() {
 	let e = $();
 	return { renderUiText: (t, n, r, i, a) => {
 		if (n.ui !== "text") throw Error("renderUiText property ui must be text");
-		return m(ln, {
+		return m(dn, {
 			modelValue: n.static ? n.value : Y(t, n, r, i, a, e),
 			"onUpdate:modelValue": (o) => {
 				n.static || X(t, n, r, o, i, a, e);
@@ -2200,19 +2224,19 @@ function Cn() {
 }
 //#endregion
 //#region src/components/propTree/main.vue?vue&type=script&setup=true&lang.ts
-var wn = "20px", Tn = /* @__PURE__ */ p({
+var En = "20px", Dn = /* @__PURE__ */ p({
 	__name: "main",
 	setup(t) {
 		let { t: n } = H(), { backgroundColor1: r } = W(), i = Ye(), o = Ze(), s = $e(), c = tt(), u = $();
-		pt(), mt(), ft();
-		let { renderProperty: d } = vn(), { renderUiDummy: p } = fn(), { renderUiText: h } = Cn(), { renderUiNumber: g } = gn(), { renderUiSwitch: _ } = Sn(), { renderUiSelect: v } = bn(), { renderUiJson: y } = mn(), { renderUiIcon: b } = pn(), { renderUiComp: x } = dn(), { renderUiSlot: S } = xn(), { renderUiAdaptSlot: w } = un(), { renderUiRule: T } = yn(), { renderUiMultiTypes: E } = hn(), D = (t, n, r, i, a, o) => {
+		ht(), gt(), mt();
+		let { renderProperty: d } = bn(), { renderUiDummy: p } = mn(), { renderUiText: h } = Tn(), { renderUiNumber: g } = vn(), { renderUiSwitch: _ } = wn(), { renderUiSelect: v } = Sn(), { renderUiJson: y } = gn(), { renderUiIcon: b } = hn(), { renderUiComp: x } = pn(), { renderUiSlot: S } = Cn(), { renderUiAdaptSlot: w } = fn(), { renderUiRule: T } = xn(), { renderUiMultiTypes: E } = _n(), D = (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 ? A(t, n, r, i, a) : j(t, n, r, i, a) : n.array ? O(t, n, r, i, a) : k(t, n, r, i, a);
 		}, O = (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 = be(e, t, r, i, a, u), l = n(t.name);
 			Z(s, e) && Q(c.value, e) && (l += " *");
-			let d = m(dt, {
+			let d = m(pt, {
 				title: l,
 				collapse: Z(s, e),
 				hasCreate: !0,
@@ -2229,12 +2253,12 @@ var wn = "20px", Tn = /* @__PURE__ */ p({
 				onCreate: () => {
 					o.push({}), u(e, o);
 				}
-			}), f = m("div", { style: { paddingLeft: wn } }, (() => {
+			}), f = m("div", { style: { paddingLeft: En } }, (() => {
 				let n = [];
 				for (let r = 0; r < o.length; r++) {
 					let i = [...e, r], a = `[${r + 1}]`;
 					Z(s, [...e, r]) && Q(c.value, i) && (a += " *");
-					let l = m(dt, {
+					let l = m(pt, {
 						title: a,
 						collapse: Z(s, [...e, r]),
 						hasDelete: !0,
@@ -2254,7 +2278,7 @@ var wn = "20px", Tn = /* @__PURE__ */ p({
 						}
 					});
 					n.push(l);
-					let d = m("div", { style: { paddingLeft: wn } }, (() => {
+					let d = m("div", { style: { paddingLeft: En } }, (() => {
 						let n = [];
 						for (let i of t.children) n.push(D(e, i, o[r], r, !0));
 						return n;
@@ -2272,7 +2296,7 @@ var wn = "20px", Tn = /* @__PURE__ */ p({
 			if (t.array) throw Error("renderBranchScalar property array must be invalid");
 			let o = n(t.name);
 			Z(s, e) && Q(c.value, e) && (o += " *");
-			let l = m(dt, {
+			let l = m(pt, {
 				title: o,
 				collapse: Z(s, e),
 				hasDelete: i !== void 0 && !a,
@@ -2289,7 +2313,7 @@ var wn = "20px", Tn = /* @__PURE__ */ p({
 				onDelete: () => {
 					i === void 0 || a || (r.splice(i, 1), u(e.slice(0, -1), r));
 				}
-			}), d = m("div", { style: { paddingLeft: wn } }, (() => {
+			}), d = m("div", { style: { paddingLeft: En } }, (() => {
 				let n = [];
 				for (let i of t.children) n.push(D(e, i, (typeof r[t.key] != "object" && (r[t.key] = {}, u(e, r[t.key])), r[t.key]), void 0, !1));
 				return n;
@@ -2303,7 +2327,7 @@ var wn = "20px", Tn = /* @__PURE__ */ p({
 			if (!t.array) throw Error("renderLeafArray property array must be valid");
 			let o = be(e, t, r, i, a, u), l = n(t.name);
 			Z(s, e) && Q(c.value, e) && (l += " *");
-			let d = m(dt, {
+			let d = m(pt, {
 				title: l,
 				collapse: Z(s, e),
 				hasCreate: !0,
@@ -2320,7 +2344,7 @@ var wn = "20px", Tn = /* @__PURE__ */ p({
 				onCreate: () => {
 					o.push(B(t)), u(e, o);
 				}
-			}), f = m("div", { style: { paddingLeft: wn } }, (() => {
+			}), f = m("div", { style: { paddingLeft: En } }, (() => {
 				let n = [];
 				for (let r = 0; r < o.length; r++) n.push(D(e, t, o, r, !1, !0));
 				return n;
@@ -2341,9 +2365,9 @@ var wn = "20px", Tn = /* @__PURE__ */ p({
 			if (i.value.length > 0 && o.value) for (let t of i.value) e.push(D([], t, o.value, void 0, !1));
 			return e;
 		})());
-		return (e, t) => (C(), l(a, null, [f(M), f(lt)], 64));
+		return (e, t) => (C(), l(a, null, [f(M), f(dt)], 64));
 	}
-}), En = /* @__PURE__ */ p({
+}), On = /* @__PURE__ */ p({
 	__name: "index",
 	props: {
 		config: {},
@@ -2386,11 +2410,11 @@ var wn = "20px", Tn = /* @__PURE__ */ p({
 			Ae(l, e.config, e.object), n("change", t, r);
 		}), P([() => e.config, () => e.object], () => {
 			Ae(l, e.config, e.object);
-		}, { immediate: !0 }), (e, t) => (C(), s(Tn));
+		}, { immediate: !0 }), (e, t) => (C(), s(Dn));
 	}
-}), Dn = (e) => {
-	e.component("XPropTree", En);
-}, On = (e, t, n) => {
+}), kn = (e) => {
+	e.component("XPropTree", On);
+}, An = (e, t, n) => {
 	let r = t.lastIndexOf("?"), i = e[r === -1 || r < t.lastIndexOf("/") ? t : t.slice(0, r)];
 	return i ? typeof i == "function" ? i() : Promise.resolve(i) : new Promise((e, r) => {
 		(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(r.bind(null, /* @__PURE__ */ Error("Unknown variable dynamic import: " + t + (t.split("/").length === n ? "" : ". Note that variables only represent file names one level deep."))));
@@ -2398,14 +2422,14 @@ var wn = "20px", Tn = /* @__PURE__ */ p({
 };
 //#endregion
 //#region src/i18n/index.ts
-async function kn(e) {
-	return (await On(/* @__PURE__ */ Object.assign({
+async function jn(e) {
+	return (await An(/* @__PURE__ */ Object.assign({
 		"./locales/en/index.ts": () => import("./i18n-en.lvwojc1f.js").then((e) => e.t),
 		"./locales/zhHans/index.ts": () => import("./i18n-zhHans.u8lopwp1.js").then((e) => e.t)
 	}), `./locales/${e}/index.ts`, 4)).default;
 }
 //#endregion
 //#region src/index.ts
-var An = { install: Dn };
+var Mn = { install: kn };
 //#endregion
-export { An as default, kn as loadLocaleMessagePropTree };
+export { Mn as default, jn as loadLocaleMessagePropTree };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.8.14",
+  "version": "0.8.15",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -28,11 +28,11 @@
     "vuetify": "^4.0.5"
   },
   "peerDependencies": {
-    "x-block-lib": "^0.10.30",
+    "x-block-lib": "^0.10.32",
     "x-error-lib": "^0.5.18",
     "x-essential-lib": "^0.9.31",
     "x-group-list": "^0.4.13",
-    "x-runtime-lib": "^0.9.44",
+    "x-runtime-lib": "^0.9.45",
     "x-state-lib": "^0.3.43"
   },
   "devDependencies": {