x-prop-tree 0.8.29 → 0.8.31

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 //#region src/i18n/index.d.ts
-declare function loadLocaleMessagePropTree(locale: string): Promise<{
+export declare function loadLocaleMessagePropTree(locale: string): Promise<{
   'x-prop-tree': {
     copy: string;
     jsonEditor: string;
@@ -19,4 +19,4 @@ declare const _default: {
   install: (app: import("vue").App) => void;
 };
 //#endregion
-export { _default as default, loadLocaleMessagePropTree };
+export { _default as default };

package/dist/index.js

@@ -1,5 +1,5 @@
 (function(){try{document.getElementById(`x-prop-tree`)?.remove();const e = document.createElement(`style`);e.setAttribute(`id`, `x-prop-tree`);const t = document.createTextNode(``);e.appendChild(t);document.head.appendChild(e);}catch(e){console.error('rolldown-plugin-inject-css', e);}})()
-import { n as isEqual, r as cloneDeep, t as omit } from "./vendor.o2dszt6f.js";
+import { n as isEqual, r as cloneDeep, t as omit } from "./vendor.mu9vrf3y.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 { eventBus, globalObjects, injectDark, injectLocale, openNumberDlg, openPromptDlg, useColor, useSystem, useViewStack } from "x-essential-lib";
 import { getElement, getItems, getPropertyDefault, getPropertyDefaultArray, getTag, getTypes, isHexColor, isThemeColor, makeSlotId, parseNumberUnit, pkgs, rules, themeColors, unwrapSlotId } from "x-runtime-lib";
@@ -166,9 +166,10 @@ function execProperty$1(keys, property, object, state, arrayIndex, isBranch, lea
 			warning: state.warning
 		};
 	}
-	if (property.ui) if (property.array && !leafArrayEntry) return execPropertyLeafArray(keys, property, object, state, arrayIndex, isBranch);
-	else return execPropertyLeafScalar(property, object, state, arrayIndex, isBranch);
-	else if (property.array) return execPropertyBranchArray(keys, property, object, state, arrayIndex, isBranch);
+	if (property.ui) {
+		if (property.array && !leafArrayEntry) return execPropertyLeafArray(keys, property, object, state, arrayIndex, isBranch);
+		else return execPropertyLeafScalar(property, object, state, arrayIndex, isBranch);
+	} else if (property.array) return execPropertyBranchArray(keys, property, object, state, arrayIndex, isBranch);
 	else return execPropertyBranchScalar(keys, property, object, state, arrayIndex, isBranch);
 }
 function execPropertyBranchArray(keys, property, object, state, arrayIndex, isBranch) {
@@ -441,14 +442,25 @@ function resetProperty(root, properties, keys, changeEvent) {
 	if (!property) return;
 	if (property.ui) {
 		if (property.readonly || property.static) return;
-		if (property.array) if (typeof lastKey === "string") {
-			const object = unpkgObject(root, keys.slice(0, -1));
-			if (!object) return;
-			const oldValue = object[lastKey];
-			const newValue = getPropertyDefaultArray(property);
-			if (!isEqual(newValue, oldValue)) {
-				object[lastKey] = newValue;
-				changeEvent(keys, newValue);
+		if (property.array) {
+			if (typeof lastKey === "string") {
+				const object = unpkgObject(root, keys.slice(0, -1));
+				if (!object) return;
+				const oldValue = object[lastKey];
+				const newValue = getPropertyDefaultArray(property);
+				if (!isEqual(newValue, oldValue)) {
+					object[lastKey] = newValue;
+					changeEvent(keys, newValue);
+				}
+			} else {
+				const object = unpkgObject(root, keys.slice(0, -1));
+				if (!object) return;
+				const oldValue = object[lastKey];
+				const newValue = getPropertyDefault(property);
+				if (!isEqual(newValue, oldValue)) {
+					object[lastKey] = newValue;
+					changeEvent(keys, newValue);
+				}
 			}
 		} else {
 			const object = unpkgObject(root, keys.slice(0, -1));
@@ -460,35 +472,26 @@ function resetProperty(root, properties, keys, changeEvent) {
 				changeEvent(keys, newValue);
 			}
 		}
-		else {
+	} else if (property.array) {
+		if (typeof lastKey === "string") {
 			const object = unpkgObject(root, keys.slice(0, -1));
 			if (!object) return;
 			const oldValue = object[lastKey];
-			const newValue = getPropertyDefault(property);
+			const newValue = getPropertyDefaultArray(property);
 			if (!isEqual(newValue, oldValue)) {
 				object[lastKey] = newValue;
 				changeEvent(keys, newValue);
 			}
-		}
-	} else if (property.array) if (typeof lastKey === "string") {
-		const object = unpkgObject(root, keys.slice(0, -1));
-		if (!object) return;
-		const oldValue = object[lastKey];
-		const newValue = getPropertyDefaultArray(property);
-		if (!isEqual(newValue, oldValue)) {
-			object[lastKey] = newValue;
-			changeEvent(keys, newValue);
+		} else {
+			const object = unpkgObject(root, keys);
+			if (!object) return;
+			for (const child of property.children) execProperty(object, child, keys, changeEvent);
 		}
 	} else {
 		const object = unpkgObject(root, keys);
 		if (!object) return;
 		for (const child of property.children) execProperty(object, child, keys, changeEvent);
 	}
-	else {
-		const object = unpkgObject(root, keys);
-		if (!object) return;
-		for (const child of property.children) execProperty(object, child, keys, changeEvent);
-	}
 }
 
 //#endregion
@@ -960,7 +963,7 @@ function useSlotList() {
 //#endregion
 //#region src/components/values/adaptSlot/adaptSlotList/group.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1$19 = { class: "text-label-large ml-1" };
-const _hoisted_2$6 = { class: "text-body-small text-grey ml-1" };
+const _hoisted_2$3 = { class: "text-body-small text-grey ml-1" };
 var group_vue_vue_type_script_setup_true_lang_default$1 = /*@__PURE__*/ defineComponent({
 	__name: "group",
 	props: {
@@ -990,7 +993,6 @@ var group_vue_vue_type_script_setup_true_lang_default$1 = /*@__PURE__*/ defineCo
 			return {
 				background: mouseOver.value ? highlightColor.value : backgroundColor2.value,
 				height: "30px",
-				marginTop: "1px",
 				userSelect: "none"
 			};
 		});
@@ -1009,7 +1011,7 @@ var group_vue_vue_type_script_setup_true_lang_default$1 = /*@__PURE__*/ defineCo
 					size: "small"
 				}, null, 8, ["icon"]),
 				createElementVNode("span", _hoisted_1$19, toDisplayString(__props.title), 1),
-				createElementVNode("span", _hoisted_2$6, toDisplayString(__props.count), 1)
+				createElementVNode("span", _hoisted_2$3, toDisplayString(__props.count), 1)
 			], 36)), [[_directive_ripple]]);
 		};
 	}
@@ -1043,7 +1045,6 @@ var item_vue_vue_type_script_setup_true_lang_default$2 = /*@__PURE__*/ defineCom
 			return {
 				background: mouseOver.value ? highlightColor.value : backgroundColor2.value,
 				height: "48px",
-				marginTop: "1px",
 				userSelect: "none"
 			};
 		});
@@ -1066,8 +1067,7 @@ var item_default$2 = item_vue_vue_type_script_setup_true_lang_default$2;
 
 //#endregion
 //#region src/components/values/adaptSlot/adaptSlotList/index.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$17 = { key: 0 };
-const _hoisted_2$5 = {
+const _hoisted_1$17 = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
 };
@@ -1086,17 +1086,27 @@ var index_vue_vue_type_script_setup_true_lang_default$15 = /*@__PURE__*/ defineC
 		const open = useModel(__props, "open");
 		const emit = __emit;
 		const adaptSlotList = injectAdaptSlotList();
-		const onGroupClick = (id) => {
+		const style = computed(() => {
+			return {
+				display: "flex",
+				flexDirection: "column",
+				gap: "1px"
+			};
+		});
+		function onGroupClick(id) {
 			const group = getListEntry(adaptSlotList, id);
 			if (!group) return;
 			setCollapse(adaptSlotList, id, !group.collapse);
-		};
-		const onItemClick = (id) => {
+		}
+		function onItemClick(id) {
 			open.value = false;
 			emit("x-select", id);
-		};
+		}
 		return (_ctx, _cache) => {
-			return unref(adaptSlotList).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$17, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(adaptSlotList), (item) => {
+			return unref(adaptSlotList).length > 0 ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				style: normalizeStyle(style.value)
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(adaptSlotList), (item) => {
 				return openBlock(), createElementBlock(Fragment, { key: item.id }, [item.type === 0 ? (openBlock(), createBlock(group_default$1, {
 					key: 0,
 					id: item.id,
@@ -1115,7 +1125,7 @@ var index_vue_vue_type_script_setup_true_lang_default$15 = /*@__PURE__*/ defineC
 					title: item.name,
 					onXClick: onItemClick
 				}, null, 8, ["id", "title"])) : createCommentVNode("v-if", true)], 64);
-			}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_2$5, toDisplayString(unref(t)("x-prop-tree.noAdaptSlot")), 1));
+			}), 128))], 4)) : (openBlock(), createElementBlock("div", _hoisted_1$17, toDisplayString(unref(t)("x-prop-tree.noAdaptSlot")), 1));
 		};
 	}
 });
@@ -1286,7 +1296,7 @@ var adaptSlot_default = index_vue_vue_type_script_setup_true_lang_default$14;
 //#endregion
 //#region src/components/values/comp/compList/group.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1$15 = { class: "text-label-large ml-1" };
-const _hoisted_2$4 = { class: "text-body-small text-grey ml-1" };
+const _hoisted_2$2 = { class: "text-body-small text-grey ml-1" };
 var group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "group",
 	props: {
@@ -1316,7 +1326,6 @@ var group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			return {
 				background: mouseOver.value ? highlightColor.value : backgroundColor2.value,
 				height: "30px",
-				marginTop: "1px",
 				userSelect: "none"
 			};
 		});
@@ -1335,7 +1344,7 @@ var group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					size: "small"
 				}, null, 8, ["icon"]),
 				createElementVNode("span", _hoisted_1$15, toDisplayString(__props.title), 1),
-				createElementVNode("span", _hoisted_2$4, toDisplayString(__props.count), 1)
+				createElementVNode("span", _hoisted_2$2, toDisplayString(__props.count), 1)
 			], 36)), [[_directive_ripple]]);
 		};
 	}
@@ -1369,7 +1378,6 @@ var item_vue_vue_type_script_setup_true_lang_default$1 = /*@__PURE__*/ defineCom
 			return {
 				background: mouseOver.value ? highlightColor.value : backgroundColor2.value,
 				height: "48px",
-				marginTop: "1px",
 				userSelect: "none"
 			};
 		});
@@ -1392,8 +1400,7 @@ var item_default$1 = item_vue_vue_type_script_setup_true_lang_default$1;
 
 //#endregion
 //#region src/components/values/comp/compList/index.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$13 = { key: 0 };
-const _hoisted_2$3 = {
+const _hoisted_1$13 = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
 };
@@ -1412,6 +1419,13 @@ var index_vue_vue_type_script_setup_true_lang_default$13 = /*@__PURE__*/ defineC
 		const open = useModel(__props, "open");
 		const emit = __emit;
 		const compList = injectCompList();
+		const style = computed(() => {
+			return {
+				display: "flex",
+				flexDirection: "column",
+				gap: "1px"
+			};
+		});
 		function onGroupClick(id) {
 			const group = getListEntry(compList, id);
 			if (!group) return;
@@ -1423,7 +1437,10 @@ var index_vue_vue_type_script_setup_true_lang_default$13 = /*@__PURE__*/ defineC
 			eventBus.emit("refreshDepends");
 		}
 		return (_ctx, _cache) => {
-			return unref(compList).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$13, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(compList), (item) => {
+			return unref(compList).length > 0 ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				style: normalizeStyle(style.value)
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(compList), (item) => {
 				return openBlock(), createElementBlock(Fragment, { key: item.id }, [item.type === 0 ? (openBlock(), createBlock(group_default, {
 					key: 0,
 					id: item.id,
@@ -1442,7 +1459,7 @@ var index_vue_vue_type_script_setup_true_lang_default$13 = /*@__PURE__*/ defineC
 					title: item.name,
 					onXClick: onItemClick
 				}, null, 8, ["id", "title"])) : createCommentVNode("v-if", true)], 64);
-			}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_2$3, toDisplayString(unref(t)("x-prop-tree.noComp")), 1));
+			}), 128))], 4)) : (openBlock(), createElementBlock("div", _hoisted_1$13, toDisplayString(unref(t)("x-prop-tree.noComp")), 1));
 		};
 	}
 });
@@ -1635,7 +1652,7 @@ var index_vue_vue_type_script_setup_true_lang_default$11 = /*@__PURE__*/ defineC
 		const { isMobile } = useSystem();
 		const input = useModel(__props, "modelValue");
 		const emit = __emit;
-		const onUpdateFocused = async (focus) => {
+		async function onUpdateFocused(focus) {
 			if (!focus || __props.readonly || !isMobile()) return;
 			const res = await openPromptDlg({
 				title: "",
@@ -1643,7 +1660,7 @@ var index_vue_vue_type_script_setup_true_lang_default$11 = /*@__PURE__*/ defineC
 			});
 			if (res === void 0) return;
 			input.value = res;
-		};
+		}
 		return (_ctx, _cache) => {
 			const _component_v_text_field = resolveComponent("v-text-field");
 			const _component_v_btn = resolveComponent("v-btn");
@@ -1711,14 +1728,14 @@ var editor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		const locale = injectLocale();
 		const version = injectVersion();
 		const target = useTemplateRef("target");
-		const onReady = () => {
+		function onReady() {
 			const object = JSON.parse(json.value);
 			target.value?.load(object);
-		};
-		const save = () => {
+		}
+		function save() {
 			const object = target.value.save();
 			json.value = JSON.stringify(object, null, 2);
-		};
+		}
 		__expose({ save });
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(XBlockly), {
@@ -1971,7 +1988,7 @@ var color_default = color_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 //#region src/components/values/multiTypes/index.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1$8 = { class: "d-flex justify-space-between align-center my-2" };
-const _hoisted_2$2 = { class: "flex-grow-1" };
+const _hoisted_2$1 = { class: "flex-grow-1" };
 var index_vue_vue_type_script_setup_true_lang_default$9 = /*@__PURE__*/ defineComponent({
 	__name: "index",
 	props: /*@__PURE__*/ mergeModels({
@@ -2083,7 +2100,7 @@ var index_vue_vue_type_script_setup_true_lang_default$9 = /*@__PURE__*/ defineCo
 			const _component_v_number_input = resolveComponent("v-number-input");
 			const _component_v_btn = resolveComponent("v-btn");
 			const _directive_ripple = resolveDirective("ripple");
-			return openBlock(), createElementBlock("div", _hoisted_1$8, [createElementVNode("div", _hoisted_2$2, [
+			return openBlock(), createElementBlock("div", _hoisted_1$8, [createElementVNode("div", _hoisted_2$1, [
 				withDirectives(createVNode(_component_v_select, {
 					modelValue: select.value,
 					"onUpdate:modelValue": [_cache[0] || (_cache[0] = ($event) => select.value = $event), onSelectUpdate],
@@ -2273,7 +2290,7 @@ var number_default = index_vue_vue_type_script_setup_true_lang_default$8;
 //#endregion
 //#region src/components/values/rule/index.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1$6 = { class: "d-flex justify-space-between align-center my-2" };
-const _hoisted_2$1 = { class: "flex-grow-1" };
+const _hoisted_2 = { class: "flex-grow-1" };
 var index_vue_vue_type_script_setup_true_lang_default$7 = /*@__PURE__*/ defineComponent({
 	__name: "index",
 	props: /*@__PURE__*/ mergeModels({
@@ -2306,8 +2323,10 @@ var index_vue_vue_type_script_setup_true_lang_default$7 = /*@__PURE__*/ defineCo
 			const parts = rule.value.split(",");
 			if (parts.length < 1) return;
 			select.value = parts[0];
-			if (parts[0] === "minLength" || parts[1] === "maxLength" || parts[2] === "length") if (parts.length > 1) number.value = parseInt(parts[1]);
-			else number.value = 0;
+			if (parts[0] === "minLength" || parts[1] === "maxLength" || parts[2] === "length") {
+				if (parts.length > 1) number.value = parseInt(parts[1]);
+				else number.value = 0;
+			}
 		});
 		function syncRule() {
 			if (select.value === "minLength" || select.value === "maxLength" || select.value === "length") rule.value = `${select.value},${number.value}`;
@@ -2354,7 +2373,7 @@ var index_vue_vue_type_script_setup_true_lang_default$7 = /*@__PURE__*/ defineCo
 			const _component_v_number_input = resolveComponent("v-number-input");
 			const _component_v_btn = resolveComponent("v-btn");
 			const _directive_ripple = resolveDirective("ripple");
-			return openBlock(), createElementBlock("div", _hoisted_1$6, [createElementVNode("div", _hoisted_2$1, [withDirectives(createVNode(_component_v_select, {
+			return openBlock(), createElementBlock("div", _hoisted_1$6, [createElementVNode("div", _hoisted_2, [withDirectives(createVNode(_component_v_select, {
 				modelValue: select.value,
 				"onUpdate:modelValue": [_cache[0] || (_cache[0] = ($event) => select.value = $event), onSelectUpdate],
 				density: "compact",
@@ -2508,7 +2527,6 @@ var item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			return {
 				background: mouseOver.value ? highlightColor.value : backgroundColor2.value,
 				height: "48px",
-				marginTop: "1px",
 				userSelect: "none"
 			};
 		});
@@ -2531,8 +2549,7 @@ var item_default = item_vue_vue_type_script_setup_true_lang_default;
 
 //#endregion
 //#region src/components/values/slot/slotList/index.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1$3 = { key: 0 };
-const _hoisted_2 = {
+const _hoisted_1$3 = {
 	key: 1,
 	class: "text-body-medium text-grey ml-3"
 };
@@ -2551,19 +2568,29 @@ var index_vue_vue_type_script_setup_true_lang_default$5 = /*@__PURE__*/ defineCo
 		const open = useModel(__props, "open");
 		const emit = __emit;
 		const slotList = injectSlotList();
-		const onItemClick = (id) => {
+		const style = computed(() => {
+			return {
+				display: "flex",
+				flexDirection: "column",
+				gap: "1px"
+			};
+		});
+		function onItemClick(id) {
 			open.value = false;
 			emit("x-select", id);
-		};
+		}
 		return (_ctx, _cache) => {
-			return unref(slotList).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(slotList), (item) => {
+			return unref(slotList).length > 0 ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				style: normalizeStyle(style.value)
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(slotList), (item) => {
 				return openBlock(), createBlock(item_default, {
 					key: item.id,
 					id: item.id,
 					title: item.name,
 					onXClick: onItemClick
 				}, null, 8, ["id", "title"]);
-			}), 128))])) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(t)("x-prop-tree.noSlot")), 1));
+			}), 128))], 4)) : (openBlock(), createElementBlock("div", _hoisted_1$3, toDisplayString(unref(t)("x-prop-tree.noSlot")), 1));
 		};
 	}
 });
@@ -2807,7 +2834,7 @@ var index_vue_vue_type_script_setup_true_lang_default$2 = /*@__PURE__*/ defineCo
 		const { isMobile } = useSystem();
 		const input = useModel(__props, "modelValue");
 		const emit = __emit;
-		const onUpdateFocused = async (focus) => {
+		async function onUpdateFocused(focus) {
 			if (!focus || __props.readonly || !isMobile()) return;
 			const res = await openPromptDlg({
 				title: "",
@@ -2815,7 +2842,7 @@ var index_vue_vue_type_script_setup_true_lang_default$2 = /*@__PURE__*/ defineCo
 			});
 			if (res === void 0) return;
 			input.value = res;
-		};
+		}
 		return (_ctx, _cache) => {
 			const _component_v_text_field = resolveComponent("v-text-field");
 			const _component_v_btn = resolveComponent("v-btn");
@@ -3251,9 +3278,10 @@ var main_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				if (isBranch) keys.push(property.key);
 			} else keys.push(property.key);
 			if (keys?.[0] === "runtime") return;
-			if (property.ui) if (property.array && !leafArrayEntry) return renderLeafArray(keys, property, object, arrayIndex, isBranch);
-			else return renderLeafScalar(keys, property, object, arrayIndex, isBranch);
-			else if (property.array) return renderBranchArray(keys, property, object, arrayIndex, isBranch);
+			if (property.ui) {
+				if (property.array && !leafArrayEntry) return renderLeafArray(keys, property, object, arrayIndex, isBranch);
+				else return renderLeafScalar(keys, property, object, arrayIndex, isBranch);
+			} else if (property.array) return renderBranchArray(keys, property, object, arrayIndex, isBranch);
 			else return renderBranchScalar(keys, property, object, arrayIndex, isBranch);
 		};
 		const renderBranchArray = (keys, property, object, arrayIndex, isBranch) => {
@@ -3323,7 +3351,7 @@ var main_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				}
 				return entries;
 			})());
-			return h("div", { style: { marginTop: "1px" } }, (() => {
+			return h("div", { style: { marginBottom: "1px" } }, (() => {
 				const nodes = [];
 				nodes.push(title);
 				if (!isCollapse(collapseState, keys)) nodes.push(content);
@@ -3369,7 +3397,7 @@ var main_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				})(), void 0, false));
 				return nodes;
 			})());
-			return h("div", { style: { marginTop: "1px" } }, (() => {
+			return h("div", { style: { marginBottom: "1px" } }, (() => {
 				const nodes = [];
 				nodes.push(title);
 				if (!isCollapse(collapseState, keys)) nodes.push(content);
@@ -3409,7 +3437,7 @@ var main_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				for (let i = 0; i < value.length; i++) nodes.push(renderNode(keys, property, value, i, false, true));
 				return nodes;
 			})());
-			return h("div", { style: { marginTop: "1px" } }, (() => {
+			return h("div", { style: { marginBottom: "1px" } }, (() => {
 				const nodes = [];
 				nodes.push(title);
 				if (!isCollapse(collapseState, keys)) nodes.push(content);
@@ -3509,10 +3537,11 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		watchEffect(() => {
 			subtypeRef.value = __props.subtype;
 		});
-		provideCollapseState(ref({
+		const collapseState = ref({
 			collapse: true,
 			children: {}
-		}));
+		});
+		provideCollapseState(collapseState);
 		const propertyState = ref({
 			change: false,
 			warning: false,