x-prop-tree 0.8.19 → 0.8.20

package/dist/index.js

@@ -780,7 +780,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		},
 		openModifiers: {}
 	},
-	emits: /* @__PURE__ */ v(["x-select"], ["update:open"]),
+	emits: /*@__PURE__*/ v(["x-select"], ["update:open"]),
 	setup(e, { emit: t }) {
 		let { t: r } = K(), a = N(e, "open"), s = t, d = ft(), f = (e) => {
 			let t = i(d, e);
@@ -809,7 +809,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), Mt = { class: "text-body-large" }, Nt = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -822,105 +822,114 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: { default: null },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
-	setup(e, { emit: t }) {
-		let { t: n } = K(), r = be(), { sysBarAvail: a } = H(), { backgroundColor1: o } = V(), u = N(e, "modelValue"), m = t, h = ft(), g = s(() => {
+	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
+	setup(t, { emit: n }) {
+		let { t: a } = K(), o = be(), { sysBarAvail: u } = H(), { backgroundColor1: m } = V(), h = N(t, "modelValue"), g = n, v = ft(), x = s(() => {
 			let e = "100%";
-			return r.mdAndUp.value && (e = "400px"), {
-				background: o.value,
+			return o.mdAndUp.value && (e = "400px"), {
+				background: m.value,
 				width: e,
 				height: "100%"
 			};
-		}), v = s(() => {
+		}), S = s(() => {
 			let e = 48;
-			return a.value && (e += 24), {
+			return u.value && (e += 24), {
 				position: "relative",
 				height: `calc(100% - ${e}px)`
 			};
-		}), x = s(() => ({ height: "60px" })), S = s(() => {
-			if (u.value) {
-				let { kind: e } = ve(u.value.id);
-				return e === "elementSlot" || e === "multipleElementSlot" ? u.value.names.map((e) => n(e)).join(" / ") : u.value.names.join(" / ");
-			} else return n("x-runtime-lib.notSet");
-		}), { open: T } = U(`propTreeAdaptSlotSelectDlg${M()}`);
+		}), T = s(() => ({ height: "60px" }));
+		F(() => {
+			if (!h.value) return;
+			let t = i(v, h.value.id);
+			t && !e(t.names, h.value.names) && (h.value = {
+				...h.value,
+				names: r(t.names)
+			});
+		});
+		let E = s(() => {
+			if (h.value) {
+				let { kind: e } = ve(h.value.id);
+				return e === "elementSlot" || e === "multipleElementSlot" ? h.value.names.map((e) => a(e)).join(" / ") : h.value.names.join(" / ");
+			} else return a("x-runtime-lib.notSet");
+		}), { open: D } = U(`propTreeAdaptSlotSelectDlg${M()}`);
 		C(() => {
-			T.value = !1;
+			D.value = !1;
 		});
-		function E(e) {
+		function ee(e) {
 			if (!e) {
-				u.value = null;
+				h.value = null;
 				return;
 			}
-			let t = i(h, e);
+			let t = i(v, e);
 			if (!t) {
-				u.value = null;
+				h.value = null;
 				return;
 			}
-			u.value = {
+			h.value = {
 				id: t.id,
 				names: t.names
 			};
 		}
-		return (t, r) => {
-			let i = O("v-btn"), o = O("v-sheet"), s = O("v-dialog");
-			return w(), c(s, {
-				modelValue: j(T),
-				"onUpdate:modelValue": r[5] ||= (e) => _(T) ? T.value = e : null,
+		return (e, n) => {
+			let r = O("v-btn"), i = O("v-sheet"), o = O("v-dialog");
+			return w(), c(o, {
+				modelValue: j(D),
+				"onUpdate:modelValue": n[5] ||= (e) => _(D) ? D.value = e : null,
 				fullscreen: "",
 				"no-click-animation": "",
 				persistent: "",
 				transition: "scroll-x-reverse-transition",
-				onKeydown: r[6] ||= R(z((e) => T.value = !1, ["stop", "prevent"]), ["esc"])
+				onKeydown: n[6] ||= R(z((e) => D.value = !1, ["stop", "prevent"]), ["esc"])
 			}, {
-				activator: I(({ props: t }) => [p(i, y(t, {
+				activator: I(({ props: e }) => [p(r, y(e, {
 					block: "",
 					density: "comfortable",
-					readonly: e.readonly
+					readonly: t.readonly
 				}), {
-					default: I(() => [f(A(S.value), 1)]),
+					default: I(() => [f(A(E.value), 1)]),
 					_: 1
-				}, 16, ["readonly"]), e.hasDelete ? (w(), c(i, {
+				}, 16, ["readonly"]), t.hasDelete ? (w(), c(r, {
 					key: 0,
 					class: "mx-2",
 					density: "compact",
 					icon: "mdi-minus",
 					variant: "text",
-					onClick: r[0] ||= z((e) => m("delete"), ["stop"])
+					onClick: n[0] ||= z((e) => g("delete"), ["stop"])
 				})) : l("", !0)]),
 				default: I(() => [d("div", {
 					class: "w-100 h-100 d-flex flex-row-reverse",
-					onClick: r[3] ||= z((e) => T.value = !1, ["self"]),
-					onContextmenu: r[4] ||= z((e) => T.value = !1, ["self", "prevent"])
+					onClick: n[3] ||= z((e) => D.value = !1, ["self"]),
+					onContextmenu: n[4] ||= z((e) => D.value = !1, ["self", "prevent"])
 				}, [d("div", {
 					class: "elevation-2",
-					style: b(g.value)
+					style: b(x.value)
 				}, [
-					j(a) ? (w(), c(o, {
+					j(u) ? (w(), c(i, {
 						key: 0,
 						color: "transparent",
 						height: 24
 					})) : l("", !0),
-					p(o, {
+					p(i, {
 						class: "d-flex align-center px-3",
 						color: "transparent",
 						height: 48
 					}, {
-						default: I(() => [p(i, {
+						default: I(() => [p(r, {
 							density: "comfortable",
 							icon: "mdi-close",
 							variant: "text",
-							onClick: r[1] ||= (e) => T.value = !1
-						}), d("span", Mt, A(j(n)("x-prop-tree.selectAdaptSlot")), 1)]),
+							onClick: n[1] ||= (e) => D.value = !1
+						}), d("span", Mt, A(j(a)("x-prop-tree.selectAdaptSlot")), 1)]),
 						_: 1
 					}),
 					d("div", {
 						class: "overflow-y-auto",
-						style: b(v.value)
+						style: b(S.value)
 					}, [p(jt, {
-						open: j(T),
-						"onUpdate:open": r[2] ||= (e) => _(T) ? T.value = e : null,
-						onXSelect: E
-					}, null, 8, ["open"]), d("div", { style: b(x.value) }, null, 4)], 4)
+						open: j(D),
+						"onUpdate:open": n[2] ||= (e) => _(D) ? D.value = e : null,
+						onXSelect: ee
+					}, null, 8, ["open"]), d("div", { style: b(T.value) }, null, 4)], 4)
 				], 4)], 32)]),
 				_: 1
 			}, 8, ["modelValue"]);
@@ -997,7 +1006,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		},
 		openModifiers: {}
 	},
-	emits: /* @__PURE__ */ v(["x-select"], ["update:open"]),
+	emits: /*@__PURE__*/ v(["x-select"], ["update:open"]),
 	setup(e, { emit: t }) {
 		let { t: r } = K(), a = N(e, "open"), s = t, d = ct();
 		function f(e) {
@@ -1028,7 +1037,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), Ht = { class: "text-body-large" }, Ut = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1041,7 +1050,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: { default: null },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let { t: n } = K(), r = be(), { sysBarAvail: a } = H(), { backgroundColor1: o } = V(), u = N(e, "modelValue"), m = t, h = ct(), g = s(() => {
 			let e = "100%";
@@ -1056,7 +1065,16 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 				position: "relative",
 				height: `calc(100% - ${e}px)`
 			};
-		}), x = s(() => ({ height: "60px" })), S = s(() => u.value ? u.value.name : n("x-runtime-lib.notSet")), { open: T } = U(`propTreeCompSelectDlg${M()}`);
+		}), x = s(() => ({ height: "60px" }));
+		F(() => {
+			if (!u.value) return;
+			let e = i(h, u.value.id);
+			e && e.name !== u.value.name && (u.value = {
+				...u.value,
+				name: e.name
+			});
+		});
+		let S = s(() => u.value ? u.value.name : n("x-runtime-lib.notSet")), { open: T } = U(`propTreeCompSelectDlg${M()}`);
 		C(() => {
 			T.value = !1;
 		});
@@ -1142,7 +1160,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), Wt = { class: "d-flex justify-space-between align-center" }, Gt = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1155,7 +1173,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: { required: !0 },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let { isMobile: n } = H(), r = N(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
@@ -1238,7 +1256,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), qt = { class: "text-body-large" }, Jt = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1251,7 +1269,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: { required: !0 },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let { t: n } = K(), { sysBarAvail: r } = H(), { backgroundColor0: i, backgroundColor1: a, backgroundColor2: o } = V(), u = N(e, "modelValue"), m = t, h = E(!1), g = E(1), v = s(() => {
 			let e = 48;
@@ -1345,7 +1363,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), Yt = { class: "d-flex justify-space-between align-center" }, Xt = /* @__PURE__ */ m({
 	__name: "color",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1358,7 +1376,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let { t: n } = K(), r = N(e, "modelValue"), i = t, a = s(() => {
 			let t = "100%";
@@ -1406,7 +1424,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), Zt = { class: "d-flex justify-space-between align-center my-2" }, Qt = { class: "flex-grow-1" }, $t = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1420,7 +1438,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let { t: n } = K(), { isMobile: r } = H(), i = N(e, "modelValue"), a = t, o = s(() => ue(e.types)), f = E(""), m = s(() => {
 			let e = [];
@@ -1558,7 +1576,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), en = { class: "d-flex justify-space-between align-center" }, tn = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1575,7 +1593,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: { required: !0 },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let { isMobile: n } = H(), r = N(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
@@ -1628,7 +1646,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), nn = { class: "d-flex justify-space-between align-center my-2" }, rn = { class: "flex-grow-1" }, an = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1641,7 +1659,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: { required: !0 },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let { t: n } = K(), { isMobile: r } = H(), i = N(e, "modelValue"), a = t, o = E(""), f = E(0);
 		F(() => {
@@ -1734,7 +1752,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), on = { class: "d-flex justify-space-between align-center" }, sn = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1748,7 +1766,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let { t: n } = K(), r = N(e, "modelValue"), i = t, a = s(() => {
 			let t = [];
@@ -1826,7 +1844,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		},
 		openModifiers: {}
 	},
-	emits: /* @__PURE__ */ v(["x-select"], ["update:open"]),
+	emits: /*@__PURE__*/ v(["x-select"], ["update:open"]),
 	setup(e, { emit: t }) {
 		let { t: n } = K(), r = N(e, "open"), i = t, a = ut(), s = (e) => {
 			r.value = !1, i("x-select", e);
@@ -1840,7 +1858,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), pn = { class: "text-body-large" }, mn = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1853,7 +1871,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: { default: null },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let { t: n } = K(), r = be(), { sysBarAvail: i } = H(), { backgroundColor1: a } = V(), o = N(e, "modelValue"), u = t, m = ut(), h = s(() => {
 			let e = "100%";
@@ -1868,7 +1886,16 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 				position: "relative",
 				height: `calc(100% - ${e}px)`
 			};
-		}), v = s(() => ({ height: "60px" })), x = s(() => o.value ? o.value.name : n("x-runtime-lib.notSet")), { open: S } = U(`propTreeSlotSelectDlg${M()}`);
+		}), v = s(() => ({ height: "60px" }));
+		F(() => {
+			if (!o.value) return;
+			let e = m.value.find((e) => e.id === o.value.id);
+			e && e.name !== o.value.name && (o.value = {
+				...o.value,
+				name: e.name
+			});
+		});
+		let x = s(() => o.value ? o.value.name : n("x-runtime-lib.notSet")), { open: S } = U(`propTreeSlotSelectDlg${M()}`);
 		C(() => {
 			S.value = !1;
 		});
@@ -1954,7 +1981,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), hn = { class: "d-flex justify-space-between align-center" }, gn = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -1967,7 +1994,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: { type: Boolean },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let n = N(e, "modelValue"), r = t;
 		return (t, i) => {
@@ -1992,7 +2019,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 	}
 }), _n = { class: "d-flex justify-space-between align-center" }, vn = /* @__PURE__ */ m({
 	__name: "index",
-	props: /* @__PURE__ */ v({
+	props: /*@__PURE__*/ v({
 		hasDelete: {
 			type: Boolean,
 			default: !1
@@ -2005,7 +2032,7 @@ var wt = { class: "text-label-large ml-1" }, Tt = { class: "text-body-small text
 		modelValue: { required: !0 },
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ v(["delete"], ["update:modelValue"]),
+	emits: /*@__PURE__*/ v(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let { isMobile: n } = H(), r = N(e, "modelValue"), i = t, a = async (t) => {
 			if (!t || e.readonly || !n()) return;
@@ -2527,7 +2554,7 @@ var Nn = "20px", Pn = /* @__PURE__ */ m({
 //#endregion
 //#region src/i18n/index.ts
 async function Rn(e) {
-	return (await Ln(/* @__PURE__ */ Object.assign({
+	return (await Ln(/* #__PURE__ */ Object.assign({
 		"./locales/en/index.ts": () => import("./i18n-en.h32u3o3z.js").then((e) => e.t),
 		"./locales/zhHans/index.ts": () => import("./i18n-zhHans.byb869oq.js").then((e) => e.t)
 	}), `./locales/${e}/index.ts`, 4)).default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.8.19",
+  "version": "0.8.20",
   "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.32",
+    "x-block-lib": "^0.10.33",
     "x-error-lib": "^0.5.18",
     "x-essential-lib": "^0.9.35",
     "x-group-list": "^0.4.13",
-    "x-runtime-lib": "^0.9.56",
+    "x-runtime-lib": "^0.9.58",
     "x-state-lib": "^0.3.43"
   },
   "devDependencies": {