x-prop-tree 0.7.47 → 0.8.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import { a as e, i as t, n, r, t as i } from "./vendor.iijup929.js";
+import { a as e, i as t, n, r, t as i } from "./vendor.kbufw3jy.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, h as m, inject as h, isRef as g, mergeModels as _, mergeProps as v, normalizeStyle as y, onBeforeUnmount as b, onMounted as x, onUnmounted as S, openBlock as C, provide as w, ref as T, renderList as E, renderSlot as ee, resolveComponent as D, resolveDirective as O, toDisplayString as k, unref as A, useId as j, useModel as M, useTemplateRef as te, watch as N, watchEffect as P, withCtx as F, withDirectives as I, withKeys as ne, withModifiers as L } from "vue";
-import { getElement as re, getPropertyDefault as R, getPropertyDefaultArray as ie, getTag as ae, makeSlotId as oe, parsePercentStr as se, parsePixelStr as ce, pkgs as le } from "x-runtime-lib";
+import { getElement as re, getPropertyDefault as R, getPropertyDefaultArray as ie, getTag as ae, makeSlotId as oe, parsePercent as se, parsePixel as ce, pkgs as le } from "x-runtime-lib";
 import { useI18n as z } from "vue-i18n";
 import { eventBus as B, globalObjects as ue, injectDark as de, injectLocale as fe, openNumberDlg as pe, openPromptDlg as me, useColor as V, useSystem as H, useViewStack as U } from "x-essential-lib";
 import { globalState as he } from "x-state-lib";
@@ -474,7 +474,7 @@ function st() {
 		if (!s) return console.assert(!1, `invalid version=${e.value}`), [];
 		let c = ae(t.value, n.value), l = [];
 		for (let e = 0; e < s.groups[c].length; e++) {
-			let t = s.groups[c][e], n = i(o, t.key);
+			let t = s.groups[c][e], n = r(o, t.key);
 			l.push({
 				id: t.key,
 				type: 0,
@@ -483,16 +483,16 @@ function st() {
 				collapse: n?.collapse ?? !0,
 				count: 0
 			});
-			let r = 0;
+			let i = 0;
 			for (let e of t.items) {
 				let n = re(e);
 				if (n && !n.internal && n.slots) for (let e of n.slots) {
-					let i = oe("elementSlot", n.key, e.key), o = `${a.global.t(n.name)} / ${a.global.t(e.name)}`;
+					let r = oe("elementSlot", n.key, e.key), o = `${a.global.t(n.name)} / ${a.global.t(e.name)}`;
 					l.push({
-						id: i,
+						id: r,
 						type: 1,
 						name: o,
-						position: r++,
+						position: i++,
 						group: t.key
 					});
 				}
@@ -500,13 +500,13 @@ function st() {
 		}
 		let { activeApp: u, depends: d } = he.app;
 		for (let { id: e, name: t, position: n } of u.compGroups) {
-			let r = i(o, e);
+			let i = r(o, e);
 			l.push({
 				id: e,
 				type: 0,
 				name: t,
 				position: n,
-				collapse: r?.collapse ?? !0
+				collapse: i?.collapse ?? !0
 			});
 		}
 		let f = 0;
@@ -523,7 +523,7 @@ function st() {
 				});
 			}
 		}
-		return r(l, !0);
+		return i(l, !0);
 	}, c = () => {
 		o.value = s();
 	}, l, u = () => {
@@ -551,34 +551,34 @@ function ct() {
 	let e = T([]);
 	Qe(e);
 	let t = () => {
-		let { activeApp: t, depends: n } = he.app, i = [];
-		for (let { id: n, name: r, position: a } of t.compGroups) {
+		let { activeApp: t, depends: n } = he.app, r = [];
+		for (let { id: n, name: i, position: a } of t.compGroups) {
 			let t = e.value.find((e) => e.id === n);
-			i.push({
+			r.push({
 				id: n,
 				type: 0,
-				name: r,
+				name: i,
 				position: a,
 				collapse: t?.collapse ?? !0
 			});
 		}
-		for (let { id: e, groupId: r, name: a, position: o } of t.comps) n[e] && i.push({
+		for (let { id: e, groupId: i, name: a, position: o } of t.comps) n[e] && r.push({
 			id: e,
 			type: 1,
 			name: a,
 			position: o,
-			group: r
+			group: i
 		});
-		e.value = r(i, !0);
-	}, n, i = () => {
+		e.value = i(r, !0);
+	}, n, r = () => {
 		clearTimeout(n), n = window.setTimeout(() => {
-			t(), n && i();
+			t(), n && r();
 		}, 1e3);
 	}, a = () => {
 		clearTimeout(n), n = void 0;
 	};
 	x(() => {
-		i();
+		r();
 	}), b(() => {
 		a();
 	});
@@ -627,7 +627,7 @@ var ut = { class: "text-label-large ml-1" }, dt = { class: "text-body-small text
 		let { backgroundColor2: n, highlightColor: r } = V(), i = e, a = t, s = T(!1), c = o(() => ({
 			background: s.value ? r.value : n.value,
 			height: "30px",
-			marginBottom: "1px",
+			marginTop: "1px",
 			userSelect: "none"
 		}));
 		return (e, t) => {
@@ -659,7 +659,7 @@ var ut = { class: "text-label-large ml-1" }, dt = { class: "text-body-small text
 		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = T(!1), s = o(() => ({
 			background: a.value ? r.value : n.value,
 			height: "48px",
-			marginBottom: "1px",
+			marginTop: "1px",
 			userSelect: "none"
 		}));
 		return (t, n) => {
@@ -689,11 +689,11 @@ var ut = { class: "text-label-large ml-1" }, dt = { class: "text-body-small text
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e) {
-		let { nameList: t } = H(), r = M(e, "modelValue"), o = M(e, "open"), u = rt(), d = (e) => {
-			let t = i(u, e);
+		let { nameList: t } = H(), i = M(e, "modelValue"), o = M(e, "open"), u = rt(), d = (e) => {
+			let t = r(u, e);
 			t && n(u, e, !t.collapse);
 		}, f = (e) => {
-			r.value = e, o.value = !1;
+			i.value = e, o.value = !1;
 		};
 		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(ft, {
 			key: 0,
@@ -735,9 +735,9 @@ var ut = { class: "text-label-large ml-1" }, dt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = z(), r = ge(), { sysBarAvail: a, nameList: l } = H(), { backgroundColor1: p } = V(), m = M(e, "modelValue"), h = t, _ = rt(), b = o(() => {
+		let { t: n } = z(), i = ge(), { sysBarAvail: a, nameList: l } = H(), { backgroundColor1: p } = V(), m = M(e, "modelValue"), h = t, _ = rt(), b = o(() => {
 			let e = "100%";
-			return r.mdAndUp.value && (e = "400px"), {
+			return i.mdAndUp.value && (e = "400px"), {
 				background: p.value,
 				width: e,
 				height: "100%"
@@ -750,7 +750,7 @@ var ut = { class: "text-label-large ml-1" }, dt = { class: "text-body-small text
 			};
 		}), w = o(() => ({ height: "60px" })), T = o(() => {
 			if (!m.value) return n("x-runtime-lib.notSet");
-			let e = i(_, m.value);
+			let e = r(_, m.value);
 			return e ? e.name : n("x-runtime-lib.slotNotAvail");
 		}), { open: E } = U(`propTreeAdaptSlotSelectDlg${j()}`);
 		return S(() => {
@@ -899,7 +899,7 @@ var ut = { class: "text-label-large ml-1" }, dt = { class: "text-body-small text
 		let { backgroundColor2: n, highlightColor: r } = V(), i = e, a = t, s = T(!1), c = o(() => ({
 			background: s.value ? r.value : n.value,
 			height: "30px",
-			marginBottom: "1px",
+			marginTop: "1px",
 			userSelect: "none"
 		}));
 		return (e, t) => {
@@ -931,7 +931,7 @@ var ut = { class: "text-label-large ml-1" }, dt = { class: "text-body-small text
 		let { backgroundColor2: n, highlightColor: r } = V(), i = e, a = t, s = T(!1), c = o(() => ({
 			background: s.value ? r.value : n.value,
 			height: "48px",
-			marginBottom: "1px",
+			marginTop: "1px",
 			userSelect: "none"
 		}));
 		return (e, t) => {
@@ -961,11 +961,11 @@ var ut = { class: "text-label-large ml-1" }, dt = { class: "text-body-small text
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e) {
-		let { nameList: t } = H(), r = M(e, "modelValue"), o = M(e, "open"), u = $e(), d = (e) => {
-			let t = i(u, e);
+		let { nameList: t } = H(), i = M(e, "modelValue"), o = M(e, "open"), u = $e(), d = (e) => {
+			let t = r(u, e);
 			t && n(u, e, !t.collapse);
 		}, f = (e) => {
-			r.value = e, o.value = !1, B.emit("refreshDepends");
+			i.value = e, o.value = !1, B.emit("refreshDepends");
 		};
 		return (e, n) => A(u).length > 0 ? (C(), l("div", Dt, [(C(!0), l(a, null, E(A(u), (e) => (C(), l(a, { key: e.id }, [e.type === 0 ? (C(), s(wt, {
 			key: 0,
@@ -1003,9 +1003,9 @@ var ut = { class: "text-label-large ml-1" }, dt = { class: "text-body-small text
 	}),
 	emits: /* @__PURE__ */ _(["delete"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let { t: n } = z(), r = ge(), { sysBarAvail: a, nameList: l } = H(), { backgroundColor1: p } = V(), m = M(e, "modelValue"), h = t, _ = $e(), b = o(() => {
+		let { t: n } = z(), i = ge(), { sysBarAvail: a, nameList: l } = H(), { backgroundColor1: p } = V(), m = M(e, "modelValue"), h = t, _ = $e(), b = o(() => {
 			let e = "100%";
-			return r.mdAndUp.value && (e = "400px"), {
+			return i.mdAndUp.value && (e = "400px"), {
 				background: p.value,
 				width: e,
 				height: "100%"
@@ -1018,7 +1018,7 @@ var ut = { class: "text-label-large ml-1" }, dt = { class: "text-body-small text
 			};
 		}), w = o(() => ({ height: "60px" })), T = o(() => {
 			if (!m.value) return n("x-runtime-lib.notSet");
-			let e = i(_, m.value);
+			let e = r(_, m.value);
 			return e ? e.name : n("x-runtime-lib.compNotAvail");
 		}), { open: E } = U(`propTreeCompSelectDlg${j()}`);
 		return S(() => {
@@ -1275,7 +1275,7 @@ var ut = { class: "text-label-large ml-1" }, dt = { class: "text-body-small text
 		let g = o(() => p.value?.[m.value]), _ = () => {
 			i.value = g.value?.default;
 		}, v = T(0), y = async (e) => {
-			if (!e || !r() || g.value.ui !== "pixelInput" && g.value.ui !== "percentInput") return;
+			if (!e || !r() || g.value.value !== "pixel" && g.value.value !== "percent") return;
 			let t = await pe({
 				title: "",
 				value: v.value,
@@ -1287,9 +1287,9 @@ var ut = { class: "text-label-large ml-1" }, dt = { class: "text-body-small text
 			t !== void 0 && (v.value = t);
 		};
 		return P(() => {
-			g.value?.ui === "pixelInput" ? v.value = ce(i.value) : g.value?.ui === "percentInput" && (v.value = se(i.value));
+			g.value?.value === "pixel" ? v.value = ce(i.value) : g.value?.value === "percent" && (v.value = se(i.value));
 		}), N(v, (e) => {
-			g.value?.ui === "pixelInput" ? i.value = e + "px" : g.value?.ui === "percentInput" && (i.value = e + "%");
+			g.value?.value === "pixel" ? i.value = e + "px" : g.value?.value === "percent" && (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", Ft, [u("div", It, [I(f(r, {
@@ -1309,7 +1309,7 @@ var ut = { class: "text-label-large ml-1" }, dt = { class: "text-body-small text
 				void 0,
 				void 0,
 				{ stop: !0 }
-			]]), g.value?.ui === "pixelInput" || g.value?.ui === "percentInput" ? I((C(), s(i, {
+			]]), g.value?.value === "pixel" || g.value?.value === "percent" ? I((C(), s(i, {
 				key: 0,
 				modelValue: v.value,
 				"onUpdate:modelValue": n[1] ||= (e) => v.value = e,
@@ -1482,7 +1482,7 @@ var ut = { class: "text-label-large ml-1" }, dt = { class: "text-body-small text
 		let { backgroundColor2: n, highlightColor: r } = V(), i = t, a = T(!1), s = o(() => ({
 			background: a.value ? r.value : n.value,
 			height: "48px",
-			marginBottom: "1px",
+			marginTop: "1px",
 			userSelect: "none"
 		}));
 		return (t, n) => {
@@ -2033,7 +2033,7 @@ var pn = "20px", mn = /* @__PURE__ */ p({
 				}
 				return n;
 			})());
-			return m("div", { style: { marginBottom: "1px" } }, (() => {
+			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
 				return t.push(d), W(s, e) || t.push(f), t;
 			})());
@@ -2064,7 +2064,7 @@ var pn = "20px", mn = /* @__PURE__ */ p({
 				for (let i of t.children) n.push(E(e, i, (typeof r[t.key] != "object" && (r[t.key] = {}, u(e, r[t.key])), r[t.key]), void 0, !1));
 				return n;
 			})());
-			return m("div", { style: { marginBottom: "1px" } }, (() => {
+			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
 				return t.push(l), W(s, e) || t.push(d), t;
 			})());
@@ -2095,7 +2095,7 @@ var pn = "20px", mn = /* @__PURE__ */ p({
 				for (let r = 0; r < o.length; r++) n.push(E(e, t, o, r, !1, !0));
 				return n;
 			})());
-			return m("div", { style: { marginBottom: "1px" } }, (() => {
+			return m("div", { style: { marginTop: "1px" } }, (() => {
 				let t = [];
 				return t.push(d), W(s, e) || t.push(f), t;
 			})());

package/dist/{vendor.iijup929.js → vendor.kbufw3jy.js}

@@ -838,7 +838,7 @@ function Ei(e, t) {
 	return Ti(e, t);
 }
 //#endregion
-//#region node_modules/.pnpm/x-group-list@0.4.11_typescript@5.9.3_vite-plugin-vuetify@2.1.3_vite@8.0.0_@types+node@2_f12d43a2657c5c601c271699c9a80492/node_modules/x-group-list/dist/index.js
+//#region node_modules/.pnpm/x-group-list@0.4.12_typescript@5.9.3_vite-plugin-vuetify@2.1.3_vite@8.0.0_@types+node@2_c0e662cfac4fb11be329dd9b43362664/node_modules/x-group-list/dist/index.js
 function Di(e, t) {
 	let n = [], r = [];
 	e.forEach((e) => {
@@ -873,4 +873,4 @@ function ki(e, t, n) {
 	}
 }
 //#endregion
-export { Wr as a, Ei as i, ki as n, Di as r, Oi as t };
+export { Wr as a, Ei as i, ki as n, Oi as r, Di as t };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.7.47",
+  "version": "0.8.0",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -28,11 +28,11 @@
     "vuetify": "^4.0.2"
   },
   "peerDependencies": {
-    "x-block-lib": "^0.10.11",
+    "x-block-lib": "^0.10.12",
     "x-error-lib": "^0.5.16",
     "x-essential-lib": "^0.9.29",
     "x-group-list": "^0.4.12",
-    "x-runtime-lib": "^0.8.223",
+    "x-runtime-lib": "^0.9.0",
     "x-state-lib": "^0.3.42"
   },
   "devDependencies": {