x-prop-tree 0.8.29 → 0.8.30

package/dist/index.js

@@ -960,7 +960,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 +990,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 +1008,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 +1042,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 +1064,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 +1083,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 +1122,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 +1293,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 +1323,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 +1341,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 +1375,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 +1397,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 +1416,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 +1434,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 +1456,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 +1649,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 +1657,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 +1725,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 +1985,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 +2097,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 +2287,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({
@@ -2354,7 +2368,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 +2522,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 +2544,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 +2563,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 +2829,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 +2837,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");
@@ -3323,7 +3345,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 +3391,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 +3431,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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-prop-tree",
-  "version": "0.8.29",
+  "version": "0.8.30",
   "files": [
     "dist"
   ],