x-prop-tree 0.8.40 → 0.8.42

package/dist/index.js

@@ -1,7 +1,7 @@
 (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.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 { eventBus, globalObjects, injectDark, injectInsets, 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";
 import { useI18n } from "vue-i18n";
 import { globalState } from "x-state-lib";
@@ -1026,8 +1026,8 @@ var index_vue_vue_type_script_setup_true_lang_default$14 = /*@__PURE__*/ defineC
 	setup(__props, { emit: __emit }) {
 		const { t } = useI18n();
 		const display = useDisplay();
-		const { safeAreaInsets } = useSystem();
 		const { backgroundColor1 } = useColor();
+		const insets = injectInsets();
 		const adaptSlot = useModel(__props, "modelValue");
 		const emit = __emit;
 		const adaptSlotList = injectAdaptSlotList();
@@ -1043,7 +1043,7 @@ var index_vue_vue_type_script_setup_true_lang_default$14 = /*@__PURE__*/ defineC
 		const contStyle = computed(() => {
 			return {
 				position: "relative",
-				height: `calc(100% - ${safeAreaInsets.top + 48 + safeAreaInsets.bottom}px)`,
+				height: `calc(100% - ${insets.value.top + 48 + insets.value.bottom}px)`,
 				paddingBottom: "60px"
 			};
 		});
@@ -1117,10 +1117,10 @@ var index_vue_vue_type_script_setup_true_lang_default$14 = /*@__PURE__*/ defineC
 					class: "elevation-2",
 					style: normalizeStyle(wrapStyle.value)
 				}, [
-					unref(safeAreaInsets).top ? (openBlock(), createBlock(_component_v_sheet, {
+					unref(insets).top ? (openBlock(), createBlock(_component_v_sheet, {
 						key: 0,
 						color: "transparent",
-						height: unref(safeAreaInsets).top
+						height: unref(insets).top
 					}, null, 8, ["height"])) : createCommentVNode("v-if", true),
 					createVNode(_component_v_sheet, {
 						class: "d-flex align-center px-3",
@@ -1226,8 +1226,8 @@ var index_vue_vue_type_script_setup_true_lang_default$12 = /*@__PURE__*/ defineC
 	setup(__props, { emit: __emit }) {
 		const { t } = useI18n();
 		const display = useDisplay();
-		const { safeAreaInsets } = useSystem();
 		const { backgroundColor1 } = useColor();
+		const insets = injectInsets();
 		const comp = useModel(__props, "modelValue");
 		const emit = __emit;
 		const compList = injectCompList();
@@ -1243,13 +1243,10 @@ var index_vue_vue_type_script_setup_true_lang_default$12 = /*@__PURE__*/ defineC
 		const contStyle = computed(() => {
 			return {
 				position: "relative",
-				height: `calc(100% - ${safeAreaInsets.top + 48 + safeAreaInsets.bottom}px)`,
+				height: `calc(100% - ${insets.value.top + 48 + insets.value.bottom}px)`,
 				paddingBottom: "60px"
 			};
 		});
-		computed(() => {
-			return { height: "60px" };
-		});
 		watchEffect(() => {
 			if (!comp.value) return;
 			const item = compList.items.value.find((entry) => entry.id === comp.value.id);
@@ -1317,10 +1314,10 @@ var index_vue_vue_type_script_setup_true_lang_default$12 = /*@__PURE__*/ defineC
 					class: "elevation-2",
 					style: normalizeStyle(wrapStyle.value)
 				}, [
-					unref(safeAreaInsets).top ? (openBlock(), createBlock(_component_v_sheet, {
+					unref(insets).top ? (openBlock(), createBlock(_component_v_sheet, {
 						key: 0,
 						color: "transparent",
-						height: unref(safeAreaInsets).top
+						height: unref(insets).top
 					}, null, 8, ["height"])) : createCommentVNode("v-if", true),
 					createVNode(_component_v_sheet, {
 						class: "d-flex align-center px-3",
@@ -1502,12 +1499,12 @@ var index_vue_vue_type_script_setup_true_lang_default$10 = /*@__PURE__*/ defineC
 	emits: /*@__PURE__*/ mergeModels(["delete"], ["update:modelValue"]),
 	setup(__props, { emit: __emit }) {
 		const { t } = useI18n();
-		const { safeAreaInsets } = useSystem();
 		const { backgroundColor0, backgroundColor1, backgroundColor2 } = useColor();
+		const insets = injectInsets();
 		const json = useModel(__props, "modelValue");
 		const emit = __emit;
 		const contStyle = computed(() => {
-			let h = safeAreaInsets.top + 48 + safeAreaInsets.bottom;
+			let h = insets.value.top + 48 + insets.value.bottom;
 			return {
 				position: "relative",
 				background: backgroundColor1.value,
@@ -1555,10 +1552,10 @@ var index_vue_vue_type_script_setup_true_lang_default$10 = /*@__PURE__*/ defineC
 					width: "100%"
 				}, {
 					default: withCtx(() => [
-						unref(safeAreaInsets).top ? (openBlock(), createBlock(_component_v_sheet, {
+						unref(insets).top ? (openBlock(), createBlock(_component_v_sheet, {
 							key: 0,
 							color: unref(backgroundColor2),
-							height: unref(safeAreaInsets).top
+							height: unref(insets).top
 						}, null, 8, ["color", "height"])) : createCommentVNode("v-if", true),
 						createVNode(_component_v_sheet, {
 							class: "d-flex align-center px-2",
@@ -2319,8 +2316,8 @@ var index_vue_vue_type_script_setup_true_lang_default$4 = /*@__PURE__*/ defineCo
 	setup(__props, { emit: __emit }) {
 		const { t } = useI18n();
 		const display = useDisplay();
-		const { safeAreaInsets } = useSystem();
 		const { backgroundColor1 } = useColor();
+		const insets = injectInsets();
 		const slot = useModel(__props, "modelValue");
 		const emit = __emit;
 		const slotList = injectSlotList();
@@ -2336,7 +2333,7 @@ var index_vue_vue_type_script_setup_true_lang_default$4 = /*@__PURE__*/ defineCo
 		const contStyle = computed(() => {
 			return {
 				position: "relative",
-				height: `calc(100% - ${safeAreaInsets.top + 48 + safeAreaInsets.bottom}px)`,
+				height: `calc(100% - ${insets.value.top + 48 + insets.value.bottom}px)`,
 				paddingBottom: "60px"
 			};
 		});
@@ -2407,10 +2404,10 @@ var index_vue_vue_type_script_setup_true_lang_default$4 = /*@__PURE__*/ defineCo
 					class: "elevation-2",
 					style: normalizeStyle(wrapStyle.value)
 				}, [
-					unref(safeAreaInsets).top ? (openBlock(), createBlock(_component_v_sheet, {
+					unref(insets).top ? (openBlock(), createBlock(_component_v_sheet, {
 						key: 0,
 						color: "transparent",
-						height: unref(safeAreaInsets).top
+						height: unref(insets).top
 					}, null, 8, ["height"])) : createCommentVNode("v-if", true),
 					createVNode(_component_v_sheet, {
 						class: "d-flex align-center px-3",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-prop-tree",
-  "version": "0.8.40",
+  "version": "0.8.42",
   "files": [
     "dist"
   ],
@@ -47,8 +47,8 @@
     "vue": "^3.5.43",
     "vue-i18n": "^11.4.13",
     "vuetify": "^4.2.3",
-    "x-block-lib": "^0.11.14",
-    "x-essential-lib": "^0.11.13",
+    "x-block-lib": "^0.11.17",
+    "x-essential-lib": "^0.11.16",
     "x-group-list": "^0.5.3",
     "x-runtime-lib": "^0.10.8",
     "x-state-lib": "^0.4.6"