x-prop-tree 0.7.39 → 0.7.41

package/dist/composables/uis/uiProperty.d.ts

@@ -1,7 +1,7 @@
 import { Ref, VNode } from 'vue';
 import { ZProperty } from 'x-runtime-lib';
-import { PropertyStateMap } from '@/utils';
-export declare function useUiProperty(propertyStates: Ref<PropertyStateMap>, entryHeight: Ref<string>, entryValueWidth: Ref<string>): {
+import { PropertyState } from '@/utils';
+export declare function useUiProperty(propertyState: Ref<PropertyState>, entryHeight: Ref<string>, entryValueWidth: Ref<string>): {
     renderProperty: (keys: (string | number)[], property: ZProperty, node: VNode) => VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;

package/dist/index.js

@@ -1,12 +1,28 @@
-import { a as cloneDeep_default, i as isEqual_default, n as setCollapse, r as tidyList, t as getListEntry } from "./vendor.gmzhs72f.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, inject, isRef, mergeModels, mergeProps, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDirective, toDisplayString, unref, useId, useModel, useTemplateRef, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
+import { a as cloneDeep_default, i as isEqual_default, n as setCollapse$1, r as tidyList, t as getListEntry } from "./vendor.gmzhs72f.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, inject, isRef, mergeModels, mergeProps, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, ref, renderList, renderSlot, resolveComponent, resolveDirective, toDisplayString, unref, useId, useModel, useTemplateRef, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { useI18n } from "vue-i18n";
 import { eventBus, globalObjects, injectDark, injectLocale, openNumberDlg, openPromptDlg, useColor, useSystem, useViewStack } from "x-essential-lib";
 import { getElement, getPropertyDefault, getTag, makeSlotId, parsePercentStr, parsePixelStr, pkgs } from "x-runtime-lib";
 import { globalState } from "x-state-lib";
 import { useDisplay } from "vuetify";
 import { XBlockly } from "x-block-lib";
-const isBranchChildrenMap = (e) => !(e instanceof Array), isBranchChildrenArray = (e) => e instanceof Array, isPropertyCompatible = (e, m) => {
+function isCollapse(e, m) {
+	let g = e.value;
+	for (let e of m) {
+		if (!g.children[e]) return !0;
+		g = g.children[e];
+	}
+	return g.collapse;
+}
+function setCollapse(e, m, g) {
+	let _ = e.value;
+	for (let e of m) _.children[e] || (_.children[e] = {
+		collapse: !0,
+		children: {}
+	}), _ = _.children[e];
+	_.collapse = g;
+}
+const isPropertyCompatible = (e, m) => {
 	let g = (e, m) => {
 		if (e.ui !== m.ui || e.array !== m.array) return !1;
 		if (e.ui || m.ui) return !0;
@@ -70,86 +86,136 @@ const isBranchChildrenMap = (e) => !(e instanceof Array), isBranchChildrenArray
 		let y = _;
 		(m.ui === "switch" || m.ui === "select" || m.ui === "colorPicker" || m.ui === "multiTypes" || m.ui === "selectComp" || m.ui === "selectSlot" || m.ui === "selectAdaptSlot") && (_ || (y = void 0)), y !== g[m.key] && (g[m.key] = y, v(e, g[m.key]));
 	}
-}, isPropertyStateChildrenMap = (e) => !(e instanceof Array), isPropertyStateChildrenArray = (e) => e instanceof Array;
+};
 var propertyStateIgnores = [["basic", "id"], ["basic", "name"]], isPropertyStateIgnored = (e) => propertyStateIgnores.find((g) => isEqual_default(e, g));
-const execProperty = (m, g, _, v, y, b, x) => (m = cloneDeep_default(m), b === void 0 ? m.push(g.key) : (m.push(b), x && m.push(g.key)), isPropertyStateIgnored(m) ? (v.change = !1, v.change) : g.ui ? g.array && v.children && isPropertyStateChildrenArray(v.children) ? execPropertyLeafArray(m, g, _, v, y, b, x) : execPropertyLeafScalar(g, _, v, b, x) : g.array ? execPropertyBranchArray(m, g, _, v, y, b, x) : execPropertyBranchScalar(m, g, _, v, y, b, x));
+const execProperty = (m, g, _, v, y, b, x) => (m = cloneDeep_default(m), b === void 0 ? m.push(g.key) : (m.push(b), x && m.push(g.key)), isPropertyStateIgnored(m) ? (v.change = !1, v.warning = !1, {
+	change: v.change,
+	warning: v.warning
+}) : g.ui ? g.array && v.children ? execPropertyLeafArray(m, g, _, v, y, b, x) : execPropertyLeafScalar(g, _, v, b, x) : g.array ? execPropertyBranchArray(m, g, _, v, y, b, x) : execPropertyBranchScalar(m, g, _, v, y, b, x));
 var execPropertyBranchArray = (e, g, _, v, y, b, x) => {
-	if (g.ui) return console.assert(!1, "execPropertyBranchArray property ui must be invalid"), !1;
-	if (!g.array) return console.assert(!1, "execPropertyBranchArray property array must be valid"), !1;
-	if (!v.children || !isPropertyStateChildrenArray(v.children)) return console.assert(!1, "execPropertyBranchArray state children must be array"), !1;
+	if (g.ui) return console.assert(!1, "execPropertyBranchArray property ui must be invalid"), {
+		change: !1,
+		warning: !1
+	};
+	if (!g.array) return console.assert(!1, "execPropertyBranchArray property array must be valid"), {
+		change: !1,
+		warning: !1
+	};
 	let S;
-	b !== void 0 && !x ? (_[b] instanceof Array || (_[b] = getPropertyDefault(g), y?.(e, _[b])), S = _[b]) : (_[g.key] instanceof Array || (_[g.key] = getPropertyDefault(g), y?.(e, _[g.key])), S = _[g.key]), v.change = !1;
+	b !== void 0 && !x ? (_[b] instanceof Array || (_[b] = getPropertyDefault(g), y?.(e, _[b])), S = _[b]) : (_[g.key] instanceof Array || (_[g.key] = getPropertyDefault(g), y?.(e, _[g.key])), S = _[g.key]);
 	for (let m = 0; m < S.length; m++) {
-		v.children.push({
+		v.children[m] = {
 			change: !1,
+			warning: !1,
 			children: {}
-		});
+		};
 		let _ = v.children[m];
-		g.children.forEach((g) => {
-			if (!_.children || !isPropertyStateChildrenMap(_.children)) {
-				console.assert(!1);
-				return;
-			}
-			_.children[g.key] = {
+		for (let b of g.children) {
+			_.children[b.key] = {
 				change: !1,
-				children: g.array ? [] : {}
-			}, execProperty(e, g, S[m], _.children[g.key], y, m, !0) && (_.change = !0), _.change && (v.change = !0);
-		});
+				warning: !1,
+				children: {}
+			};
+			let { change: g, warning: x } = execProperty(e, b, S[m], _.children[b.key], y, m, !0);
+			!_.change && g && (_.change = g), !_.change && x && (_.warning = x), !v.change && _.change && (v.change = _.change), !v.warning && _.warning && (v.warning = _.warning);
+		}
 	}
-	return v.change ||= !isEqual_default(S, getPropertyDefault(g)), v.change;
+	return v.change ||= !isEqual_default(S, getPropertyDefault(g)), {
+		change: v.change,
+		warning: v.warning
+	};
 }, execPropertyBranchScalar = (e, m, g, _, v, y, b) => {
-	if (m.ui) return console.assert(!1, "execPropertyBranchScalar property ui must be invalid"), !1;
-	if (m.array) return console.assert(!1, "execPropertyBranchScalar property array must be invalid"), !1;
-	if (!_.children || !isPropertyStateChildrenMap(_.children)) return console.assert(!1, "execPropertyBranchScalar state children must be map"), !1;
+	if (m.ui) return console.assert(!1, "execPropertyBranchScalar property ui must be invalid"), {
+		change: !1,
+		warning: !1
+	};
+	if (m.array) return console.assert(!1, "execPropertyBranchScalar property array must be invalid"), {
+		change: !1,
+		warning: !1
+	};
 	let x;
-	y !== void 0 && !b ? (g[y] || (g[y] = {}), x = g[y]) : (g[m.key] || (g[m.key] = {}), x = g[m.key]), _.change = !1;
+	y !== void 0 && !b ? (g[y] || (g[y] = {}), x = g[y]) : (g[m.key] || (g[m.key] = {}), x = g[m.key]);
 	for (let g = 0; g < m.children.length; g++) {
 		let y = m.children[g];
 		_.children[y.key] = {
 			change: !1,
-			children: y.array ? [] : {}
-		}, execProperty(e, y, x, _.children[y.key], v) && (_.change = !0);
+			warning: !1,
+			children: {}
+		};
+		let { change: b, warning: S } = execProperty(e, y, x, _.children[y.key], v);
+		!_.change && b && (_.change = b), !_.warning && S && (_.warning = S);
 	}
-	return _.change;
+	return {
+		change: _.change,
+		warning: _.change
+	};
 }, execPropertyLeafArray = (e, g, _, v, y, b, x) => {
-	if (!g.ui) return console.assert(!1, "execPropertyLeafArray property ui must be valid"), !1;
-	if (!g.array) return console.assert(!1, "execPropertyLeafArray property aray must be valid"), !1;
-	if (!v.children || !isPropertyStateChildrenArray(v.children)) return console.assert(!1, "execPropertyLeafArray state children must be array"), !1;
-	let S;
-	b !== void 0 && !x ? (_[b] instanceof Array || (_[b] = getPropertyDefault(g), y?.(e, _[b])), S = _[b]) : (_[g.key] instanceof Array || (_[g.key] = getPropertyDefault(g), y?.(e, _[g.key])), S = _[g.key]), v.change = !1;
-	for (let m = 0; m < S.length; m++) v.children[m] = {
+	if (!g.ui) return console.assert(!1, "execPropertyLeafArray property ui must be valid"), {
 		change: !1,
-		children: {}
-	}, execProperty(e, g, S, v.children[m], y, m, !1) && (v.change = !0);
-	return v.change ||= !isEqual_default(S, getPropertyDefault(g)), v.change;
+		warning: !1
+	};
+	if (!g.array) return console.assert(!1, "execPropertyLeafArray property aray must be valid"), {
+		change: !1,
+		warning: !1
+	};
+	let S;
+	b !== void 0 && !x ? (_[b] instanceof Array || (_[b] = getPropertyDefault(g), y?.(e, _[b])), S = _[b]) : (_[g.key] instanceof Array || (_[g.key] = getPropertyDefault(g), y?.(e, _[g.key])), S = _[g.key]);
+	for (let m = 0; m < S.length; m++) {
+		v.children[m] = {
+			change: !1,
+			warning: !1,
+			children: {}
+		};
+		let { change: _, warning: b } = execProperty(e, g, S, v.children[m], y, m, !1);
+		!v.change && _ && (v.change = _), !v.warning && b && (v.warning = b);
+	}
+	return v.change ||= !isEqual_default(S, getPropertyDefault(g)), {
+		change: v.change,
+		warning: v.warning
+	};
 }, execPropertyLeafScalar = (e, g, _, v, y) => {
-	if (!e.ui) return console.assert(!1, "execPropertyLeafScalar property ui must be valid"), !1;
+	if (!e.ui) return console.assert(!1, "execPropertyLeafScalar property ui must be valid"), {
+		change: !1,
+		warning: !1
+	};
 	let b;
-	return b = v !== void 0 && !y ? g[v] : g[e.key], _.change = !isEqual_default(b, getPropertyDefault(e, !0)), _.change;
+	return b = v !== void 0 && !y ? g[v] : g[e.key], _.change = !isEqual_default(b, getPropertyDefault(e, !0)), {
+		change: _.change,
+		warning: _.warning
+	};
 };
 const rebuildPropertyState = (e, m, g, _) => {
 	if (m.length <= 0 || !g) {
-		e.value = {};
+		e.value = {
+			change: !1,
+			warning: !1,
+			children: {}
+		};
 		return;
 	}
-	let v = {};
-	m.forEach((e) => {
-		v[e.key] = {
-			change: !1,
-			children: e.array ? [] : {}
-		}, execProperty([], e, g, v[e.key], _);
-	}), e.value = v;
-}, isPropertyChanged = (e, m) => {
-	let g = {
+	let v = {
 		change: !1,
-		children: e
+		warning: !1,
+		children: {}
 	};
-	return m.forEach((e) => {
-		if (!g || !g.children) return console.assert(!1, `isPropChanged state must be valid keys=${m}`), !1;
-		typeof e == "string" ? isPropertyStateChildrenMap(g.children) && (g = g.children[e]) : isPropertyStateChildrenArray(g.children) && (g = g.children[e]);
-	}), g?.change ?? !1;
+	for (let e of m) {
+		let m = {
+			change: !1,
+			warning: !1,
+			children: {}
+		};
+		v.children[e.key] = m, execProperty([], e, g, m, _);
+	}
+	e.value = v;
+}, isPropertyChanged = (e, m) => {
+	let g = e;
+	for (let e of m) {
+		if (!g.children[e]) return !1;
+		g = g.children[e];
+	}
+	return g.change;
 };
-var versionKey = Symbol(), configKey = Symbol(), objectKey = Symbol(), propertyStatesKey = Symbol(), changeEventKey = Symbol(), compListKey = Symbol(), slotListKey = Symbol(), adaptSlotListKey = Symbol();
+var versionKey = Symbol(), configKey = Symbol(), objectKey = Symbol(), propertyStateKey = Symbol(), changeEventKey = Symbol(), compListKey = Symbol(), slotListKey = Symbol(), adaptSlotListKey = Symbol();
 function provideVersion(e) {
 	provide(versionKey, e);
 }
@@ -168,11 +234,11 @@ function provideObject(e) {
 function injectObject() {
 	return inject(objectKey);
 }
-function providePropertyStates(e) {
-	provide(propertyStatesKey, e);
+function providePropertyState(e) {
+	provide(propertyStateKey, e);
 }
-function injectPropertyStates() {
-	return inject(propertyStatesKey);
+function injectPropertyState() {
+	return inject(propertyStateKey);
 }
 function provideChangeEvent(e) {
 	provide(changeEventKey, e);
@@ -201,7 +267,7 @@ function injectAdaptSlotList() {
 var menu_default = /* @__PURE__ */ defineComponent({
 	__name: "index",
 	setup(e) {
-		let { t: m } = useI18n(), g = injectConfig(), _ = injectObject(), v = injectPropertyStates(), S = injectChangeEvent(), w = ref(0), D = ref(0), O = ref([]), k = computed(() => [w.value, D.value]), j = (e) => {
+		let { t: m } = useI18n(), g = injectConfig(), _ = injectObject(), v = injectPropertyState(), S = injectChangeEvent(), w = ref(0), D = ref(0), O = ref([]), k = computed(() => [w.value, D.value]), j = (e) => {
 			(() => !(O.value.length <= 0 || !isPropertyChanged(v.value, O.value)))() && e.push({
 				title: m("x-prop-tree.reset"),
 				func: () => {
@@ -593,7 +659,7 @@ var _hoisted_1$17 = { class: "text-subtitle-2 ml-1" }, _hoisted_2$5 = { class: "
 	setup(e) {
 		let { nameList: m } = useSystem(), _ = useModel(e, "modelValue"), b = useModel(e, "open"), w = injectAdaptSlotList(), T = (e) => {
 			let m = getListEntry(w, e);
-			m && setCollapse(w, e, !m.collapse);
+			m && setCollapse$1(w, e, !m.collapse);
 		}, E = (e) => {
 			_.value = e, b.value = !1;
 		};
@@ -848,7 +914,7 @@ var _hoisted_1$17 = { class: "text-subtitle-2 ml-1" }, _hoisted_2$5 = { class: "
 	setup(e) {
 		let { nameList: m } = useSystem(), _ = useModel(e, "modelValue"), b = useModel(e, "open"), w = injectCompList(), T = (e) => {
 			let m = getListEntry(w, e);
-			m && setCollapse(w, e, !m.collapse);
+			m && setCollapse$1(w, e, !m.collapse);
 		}, E = (e) => {
 			_.value = e, b.value = !1, eventBus.emit("refreshDepends");
 		};
@@ -1721,7 +1787,14 @@ var propTree_default = /* @__PURE__ */ defineComponent({
 	},
 	emits: ["change"],
 	setup(m, { emit: g }) {
-		let { t: _ } = useI18n(), { backgroundColor1: v } = useColor(), b = m, x = g, S = ref("20px"), w = ref("56px"), T = ref("200px"), D = reactive({}), k = ref({}), A = (e, m) => {
+		let { t: _ } = useI18n(), { backgroundColor1: v } = useColor(), b = m, x = g, S = ref("20px"), w = ref("56px"), T = ref("200px"), D = ref({
+			collapse: !0,
+			children: {}
+		}), k = ref({
+			change: !1,
+			warning: !1,
+			children: {}
+		}), A = (e, m) => {
 			rebuildPropertyState(k, b.config, b.object), x("change", e, m);
 		};
 		watch([() => b.config, () => b.object], () => {
@@ -1748,21 +1821,20 @@ var propTree_default = /* @__PURE__ */ defineComponent({
 		let F = ref(b.object);
 		provideObject(F), watch(() => b.object, () => {
 			F.value = b.object;
-		}), providePropertyStates(k), provideChangeEvent(A), useCompList(), useSlotList(), useAdaptSlotList(j, M, N);
-		let { renderProperty: I } = useUiProperty(k, w, T), { renderUiDummy: L } = useUiDummy(A), { renderUiStrInput: R } = useUiStrInput(A), { renderUiNumInput: z } = useUiNumInput(A), { renderUiSwitch: B } = useUiSwitch(A), { renderUiSelect: V } = useUiSelect(A), { renderUiColorPicker: H } = useUiColorPicker(A), { renderUiJsonEditor: U } = useUiJsonEditor(A), { renderUiMultiTypes: W } = useUiMultiTypes(A), { renderUiCompSelect: G } = useUiCompSelect(A), { renderUiSlotSelect: K } = useUiSlotSelect(A), { renderUiAdaptSlotSelect: q } = useUiAdaptSlotSelect(A), J = (m, g, _, v, y, b) => (m = cloneDeep_default(m), y === void 0 ? m.push(g.key) : (m.push(y), b && m.push(g.key)), g.ui ? g.array && v ? Z(m, g, _, v, y, b) : Q(m, g, _, y, b) : g.array ? Y(m, g, _, v, y, b) : X(m, g, _, v, y, b)), Y = (e, m, g, v, y, b) => {
+		}), providePropertyState(k), provideChangeEvent(A), useCompList(), useSlotList(), useAdaptSlotList(j, M, N);
+		let { renderProperty: I } = useUiProperty(k, w, T), { renderUiDummy: L } = useUiDummy(A), { renderUiStrInput: R } = useUiStrInput(A), { renderUiNumInput: z } = useUiNumInput(A), { renderUiSwitch: B } = useUiSwitch(A), { renderUiSelect: V } = useUiSelect(A), { renderUiColorPicker: H } = useUiColorPicker(A), { renderUiJsonEditor: U } = useUiJsonEditor(A), { renderUiMultiTypes: W } = useUiMultiTypes(A), { renderUiCompSelect: G } = useUiCompSelect(A), { renderUiSlotSelect: K } = useUiSlotSelect(A), { renderUiAdaptSlotSelect: q } = useUiAdaptSlotSelect(A), J = (m, g, _, v, y) => (m = cloneDeep_default(m), v === void 0 ? m.push(g.key) : (m.push(v), y && m.push(g.key)), g.ui ? g.array ? Z(m, g, _, v, y) : Q(m, g, _, v, y) : g.array ? Y(m, g, _, v, y) : X(m, g, _, v, y)), Y = (e, m, g, v, y) => {
 			if (m.ui) return console.assert(!1), h("div", "renderBranchArray property ui must be invalid");
 			if (!m.array) return console.assert(!1), h("div", "renderBranchArray property array must be valid");
-			if (!v) return console.assert(!1), h("div", "renderBranchArray branch must be valid");
-			let x;
-			y !== void 0 && !b ? (g[y] instanceof Array || (g[y] = getPropertyDefault(m), A(e, g[m.key])), x = g[y]) : (g[m.key] instanceof Array || (g[m.key] = getPropertyDefault(m), A(e, g[m.key])), x = g[m.key]);
-			let C = _(m.name);
-			v.collapse && isPropertyChanged(k.value, e) && (C += " *");
-			let w = h(title_default, {
-				title: C,
-				collapse: v.collapse,
+			let b;
+			v !== void 0 && !y ? (g[v] instanceof Array || (g[v] = getPropertyDefault(m), A(e, g[m.key])), b = g[v]) : (g[m.key] instanceof Array || (g[m.key] = getPropertyDefault(m), A(e, g[m.key])), b = g[m.key]);
+			let x = _(m.name);
+			isCollapse(D, e) && isPropertyChanged(k.value, e) && (x += " *");
+			let C = h(title_default, {
+				title: x,
+				collapse: isCollapse(D, e),
 				hasCreate: !0,
-				onCollapse: (e) => {
-					v.collapse = e;
+				onCollapse: (m) => {
+					setCollapse(D, e, m);
 				},
 				onMenu: (m, g) => {
 					eventBus.emit("propTreeMenu", {
@@ -1772,84 +1844,59 @@ var propTree_default = /* @__PURE__ */ defineComponent({
 					});
 				},
 				onCreate: () => {
-					x.push({}), A(e, x);
+					b.push({}), A(e, b);
 				}
-			}), T = h("div", { style: { paddingLeft: S.value } }, (() => {
+			}), w = h("div", { style: { paddingLeft: S.value } }, (() => {
 				let g = [];
-				for (let _ = 0; _ < x.length; _++) {
-					if (!isBranchChildrenArray(v.children)) {
-						console.assert(!1);
-						break;
-					}
-					v.children[_] || v.children.push({
-						collapse: !0,
-						children: {}
-					});
-					let y = [...e, _], b = v.children[_], C = `[${_ + 1}]`;
-					v.children[_].collapse && isPropertyChanged(k.value, y) && (C += " *");
-					let w = h(title_default, {
-						title: C,
-						collapse: v.children[_].collapse,
+				for (let _ = 0; _ < b.length; _++) {
+					let v = [...e, _], y = `[${_ + 1}]`;
+					isCollapse(D, [...e, _]) && isPropertyChanged(k.value, v) && (y += " *");
+					let x = h(title_default, {
+						title: y,
+						collapse: isCollapse(D, [...e, _]),
 						hasDelete: !0,
 						index: _,
-						onCollapse: (e) => {
-							if (!isBranchChildrenArray(v.children)) {
-								console.assert(!1);
-								return;
-							}
-							v.children[_].collapse = e;
+						onCollapse: (m) => {
+							setCollapse(D, [...e, _], m);
 						},
 						onMenu: (e, m) => {
 							eventBus.emit("propTreeMenu", {
 								x: e,
 								y: m,
-								keys: y
+								keys: v
 							});
 						},
 						onDelete: (m) => {
-							if (!isBranchChildrenArray(v.children)) {
-								console.assert(!1);
-								return;
-							}
-							v.children.splice(m, 1), x.splice(m, 1), A(e, x);
+							b.splice(m, 1), A(e, b);
 						}
 					});
-					g.push(w);
-					let T = h("div", { style: { paddingLeft: S.value } }, (() => {
+					g.push(x);
+					let C = h("div", { style: { paddingLeft: S.value } }, (() => {
 						let g = [];
 						return m.children.forEach((m) => {
-							if (!isBranchChildrenMap(b.children)) {
-								console.assert(!1);
-								return;
-							}
-							b.children[m.key] || (b.children[m.key] = {
-								collapse: !0,
-								children: m.array ? [] : {}
-							});
-							let v = J(e, m, x[_], b.children[m.key], _, !0);
+							let v = J(e, m, b[_], _, !0);
 							g.push(v);
 						}), g;
 					})());
-					v.children[_].collapse || g.push(T);
+					isCollapse(D, [...e, _]) || g.push(C);
 				}
 				return g;
 			})());
 			return h("div", { style: { marginBottom: "1px" } }, (() => {
-				let e = [];
-				return e.push(w), v.collapse || e.push(T), e;
+				let m = [];
+				return m.push(C), isCollapse(D, e) || m.push(w), m;
 			})());
-		}, X = (e, m, g, v, y, b) => {
+		}, X = (e, m, g, v, y) => {
 			if (m.ui) return console.assert(!1), h("div", "renderBranchScalar property ui must be invalid");
 			if (m.array) return console.assert(!1), h("div", "renderBranchScalar property array must be invalid");
-			if (!v) return console.assert(!1), h("div", "renderBranchScalar branch must be valid");
-			let x = _(m.name);
-			v.collapse && isPropertyChanged(k.value, e) && (x += " *");
-			let C = h(title_default, {
-				title: x,
-				collapse: v.collapse,
-				hasDelete: y !== void 0 && !b,
-				onCollapse: (e) => {
-					v.collapse = e;
+			let b = _(m.name);
+			isCollapse(D, e) && isPropertyChanged(k.value, e) && (b += " *");
+			let x = h(title_default, {
+				title: b,
+				collapse: isCollapse(D, e),
+				hasDelete: v !== void 0 && !y,
+				onCollapse: (m) => {
+					setCollapse(D, e, m);
 				},
 				onMenu: (m, g) => {
 					eventBus.emit("propTreeMenu", {
@@ -1859,41 +1906,32 @@ var propTree_default = /* @__PURE__ */ defineComponent({
 					});
 				},
 				onDelete: () => {
-					y === void 0 || b || (g.splice(y, 1), A(e.slice(0, -1), g));
+					v === void 0 || y || (g.splice(v, 1), A(e.slice(0, -1), g));
 				}
-			}), w = h("div", { style: { paddingLeft: S.value } }, (() => {
+			}), C = h("div", { style: { paddingLeft: S.value } }, (() => {
 				let _ = [];
-				return m.children.forEach((y) => {
-					if (!isBranchChildrenMap(v.children)) {
-						console.assert(!1);
-						return;
-					}
-					v.children[y.key] || (v.children[y.key] = {
-						collapse: !0,
-						children: !y.ui && y.array ? [] : {}
-					});
-					let b = J(e, y, (() => (typeof g[m.key] != "object" && (g[m.key] = {}, A(e, g[m.key])), g[m.key]))(), v.children[y.key]);
-					_.push(b);
+				return m.children.forEach((v) => {
+					let y = J(e, v, (() => (typeof g[m.key] != "object" && (g[m.key] = {}, A(e, g[m.key])), g[m.key]))());
+					_.push(y);
 				}), _;
 			})());
 			return h("div", { style: { marginBottom: "1px" } }, (() => {
-				let e = [];
-				return e.push(C), v.collapse || e.push(w), e;
+				let m = [];
+				return m.push(x), isCollapse(D, e) || m.push(C), m;
 			})());
-		}, Z = (e, m, g, v, y, b) => {
+		}, Z = (e, m, g, v, y) => {
 			if (!m.ui) return console.assert(!1), h("div", "renderLeafArray property ui must be valid");
 			if (!m.array) return console.assert(!1), h("div", "renderLeafArray property array must be valid");
-			if (!v) return console.assert(!1), h("div", "renderLeafArray branch must be valid");
-			let x;
-			y !== void 0 && !b ? (g[y] instanceof Array || (g[y] = getPropertyDefault(m), A(e, g[y])), x = g[y]) : (g[m.key] instanceof Array || (g[m.key] = getPropertyDefault(m), A(e, g[m.key])), x = g[m.key]);
-			let C = _(m.name);
-			v.collapse && isPropertyChanged(k.value, e) && (C += " *");
-			let w = h(title_default, {
-				title: C,
-				collapse: v.collapse,
+			let b;
+			v !== void 0 && !y ? (g[v] instanceof Array || (g[v] = getPropertyDefault(m), A(e, g[v])), b = g[v]) : (g[m.key] instanceof Array || (g[m.key] = getPropertyDefault(m), A(e, g[m.key])), b = g[m.key]);
+			let x = _(m.name);
+			isCollapse(D, e) && isPropertyChanged(k.value, e) && (x += " *");
+			let C = h(title_default, {
+				title: x,
+				collapse: isCollapse(D, e),
 				hasCreate: !0,
-				onCollapse: (e) => {
-					v.collapse = e;
+				onCollapse: (m) => {
+					setCollapse(D, e, m);
 				},
 				onMenu: (m, g) => {
 					eventBus.emit("propTreeMenu", {
@@ -1903,19 +1941,19 @@ var propTree_default = /* @__PURE__ */ defineComponent({
 					});
 				},
 				onCreate: () => {
-					x.push(getPropertyDefault(m, !0)), A(e, x);
+					b.push(getPropertyDefault(m, !0)), A(e, b);
 				}
-			}), T = h("div", { style: { paddingLeft: S.value } }, (() => {
+			}), w = h("div", { style: { paddingLeft: S.value } }, (() => {
 				let g = [];
-				for (let _ = 0; _ < x.length; _++) {
-					let v = J(e, m, x, void 0, _, !1);
+				for (let _ = 0; _ < b.length; _++) {
+					let v = J(e, m, b, _, !1);
 					g.push(v);
 				}
 				return g;
 			})());
 			return h("div", { style: { marginBottom: "1px" } }, (() => {
-				let e = [];
-				return e.push(w), v.collapse || e.push(T), e;
+				let m = [];
+				return m.push(C), isCollapse(D, e) || m.push(w), m;
 			})());
 		}, Q = (e, m, g, _, v) => {
 			if (!m.ui) return console.assert(!1), h("div", "renderLeafScalar property ui must be valid");
@@ -1926,29 +1964,12 @@ var propTree_default = /* @__PURE__ */ defineComponent({
 			style: { background: v.value }
 		}, (() => {
 			let e = [];
-			if (b.unique && b.config.length > 0 && b.object) {
-				D[b.unique] || (D[b.unique] = {});
-				let m = D[b.unique];
-				b.config.forEach((g) => {
-					m[g.key] || (m[g.key] = {
-						collapse: !0,
-						children: !g.ui && g.array ? [] : {}
-					});
-					let _ = J([], g, b.object, m[g.key]);
-					e.push(_);
-				});
-			}
-			return e;
+			return b.unique && b.config.length > 0 && b.object && b.config.forEach((m) => {
+				let g = J([], m, b.object);
+				e.push(g);
+			}), e;
 		})());
-		return (e, m) => (openBlock(), createElementBlock(Fragment, null, [createVNode($), createVNode(menu_default, {
-			config: b.config,
-			object: b.object,
-			"property-states": k.value
-		}, null, 8, [
-			"config",
-			"object",
-			"property-states"
-		])], 64));
+		return (e, m) => (openBlock(), createElementBlock(Fragment, null, [createVNode($), createVNode(menu_default)], 64));
 	}
 }), install = (e) => {
 	e.component("XPropTree", propTree_default);

package/dist/utils/collapseState.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'vue';
+export type CollapseState = {
+    collapse: boolean;
+    children: {
+        [key: string | number]: CollapseState;
+    };
+};
+export declare function isCollapse(root: Ref<CollapseState>, keys: (string | number)[]): boolean;
+export declare function setCollapse(root: Ref<CollapseState>, keys: (string | number)[], collapse: boolean): void;

package/dist/utils/index.d.ts

@@ -1,4 +1,4 @@
-export * from './branch';
+export * from './collapseState';
 export * from './copyPaste';
 export * from './misc';
 export * from './propertyState';

package/dist/utils/propertyState.d.ts

@@ -1,16 +1,16 @@
 import { Ref } from 'vue';
 import { ZProperty } from 'x-runtime-lib';
 import { ChangeEvent } from './misc';
-export type PropertyState = {
+interface PropertyStateBase {
     change: boolean;
-    children?: PropertyStateMap | PropertyStateArray;
-};
-export type PropertyStateMap = {
-    [key: string]: PropertyState;
-};
-export type PropertyStateArray = PropertyState[];
-export declare const isPropertyStateChildrenMap: (children: PropertyStateMap | PropertyStateArray) => children is PropertyStateMap;
-export declare const isPropertyStateChildrenArray: (children: PropertyStateMap | PropertyStateArray) => children is PropertyStateArray;
-export declare const execProperty: (keys: (string | number)[], property: ZProperty, object: any, state: PropertyState, changeEvent?: ChangeEvent, arrayIndex?: number, isBranch?: boolean) => boolean;
-export declare const rebuildPropertyState: (propertyStates: Ref<PropertyStateMap>, config: ZProperty[], object: any, changeEvent?: ChangeEvent) => void;
-export declare const isPropertyChanged: (propertyStates: PropertyStateMap, keys: (string | number)[]) => boolean;
+    warning: string | boolean;
+}
+export interface PropertyState extends PropertyStateBase {
+    children: {
+        [key: string]: PropertyState;
+    };
+}
+export declare const execProperty: (keys: (string | number)[], property: ZProperty, object: any, state: PropertyState, changeEvent?: ChangeEvent, arrayIndex?: number, isBranch?: boolean) => PropertyStateBase;
+export declare const rebuildPropertyState: (root: Ref<PropertyState>, config: ZProperty[], object: any, changeEvent?: ChangeEvent) => void;
+export declare const isPropertyChanged: (root: PropertyState, keys: (string | number)[]) => boolean;
+export {};

package/dist/utils/provideInject.d.ts

@@ -2,7 +2,7 @@ import { Ref } from 'vue';
 import { ListEntry } from 'x-group-list';
 import { ZProperty } from 'x-runtime-lib';
 import { ChangeEvent } from './misc';
-import { PropertyStateMap } from './propertyState';
+import { PropertyState } from './propertyState';
 export declare function provideVersion(version: Ref<string>): void;
 export declare function injectVersion(): Ref<string>;
 export declare function provideType(type: Ref<string>): void;
@@ -13,8 +13,8 @@ export declare function provideConfig(config: Ref<ZProperty[]>): void;
 export declare function injectConfig(): Ref<ZProperty[]>;
 export declare function provideObject(object: Ref<any>): void;
 export declare function injectObject(): Ref<any>;
-export declare function providePropertyStates(propertyStates: Ref<PropertyStateMap>): void;
-export declare function injectPropertyStates(): Ref<PropertyStateMap>;
+export declare function providePropertyState(propertyState: Ref<PropertyState>): void;
+export declare function injectPropertyState(): Ref<PropertyState>;
 export declare function provideChangeEvent(changeEvent: ChangeEvent): void;
 export declare function injectChangeEvent(): ChangeEvent;
 export declare function provideCompList(compList: Ref<ListEntry[]>): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-prop-tree",
   "private": false,
-  "version": "0.7.39",
+  "version": "0.7.41",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -22,40 +22,40 @@
     "*": "prettier --write ."
   },
   "dependencies": {
-    "lodash-es": "^4.17.22",
+    "lodash-es": "^4.17.23",
     "vue": "^3.5.27",
     "vue-i18n": "^11.2.8",
-    "vuetify": "^3.11.7"
+    "vuetify": "^3.11.8"
   },
   "peerDependencies": {
-    "x-block-lib": "^0.10.0",
-    "x-essential-lib": "^0.9.24",
-    "x-group-list": "^0.4.9",
-    "x-runtime-lib": "^0.8.207",
-    "x-state-lib": "^0.3.38"
+    "x-block-lib": "^0.10.4",
+    "x-essential-lib": "^0.9.25",
+    "x-group-list": "^0.4.10",
+    "x-runtime-lib": "^0.8.214",
+    "x-state-lib": "^0.3.39"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^25.0.9",
-    "@vitejs/plugin-vue": "^6.0.3",
+    "@types/node": "^25.2.0",
+    "@vitejs/plugin-vue": "^6.0.4",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-vue": "^10.7.0",
-    "globals": "^17.0.0",
+    "globals": "^17.3.0",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
-    "prettier": "3.8.0",
-    "sass": "^1.97.2",
+    "prettier": "3.8.1",
+    "sass": "^1.97.3",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.53.1",
+    "typescript-eslint": "^8.54.0",
     "vite": "npm:rolldown-vite@7.3.1",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-vuetify": "^2.1.3",
     "vue-eslint-parser": "^10.2.0",
-    "vue-router": "^4.6.4",
-    "vue-tsc": "^3.2.2"
+    "vue-router": "^5.0.2",
+    "vue-tsc": "^3.2.4"
   },
   "overrides": {
     "vite": "npm:rolldown-vite@7.3.1"

package/dist/utils/branch.d.ts

@@ -1,15 +0,0 @@
-export type Branch = {
-    collapse: boolean;
-    children: BranchMap | BranchArray;
-};
-export type BranchMap = {
-    [key: string]: Branch;
-};
-export type BranchArray = Branch[];
-export type Branchs = {
-    [key: string]: {
-        [key: string]: Branch;
-    };
-};
-export declare const isBranchChildrenMap: (children: BranchMap | BranchArray) => children is BranchMap;
-export declare const isBranchChildrenArray: (children: BranchMap | BranchArray) => children is BranchArray;