x-prop-tree 0.8.37 → 0.8.39

package/dist/index.js

@@ -1026,7 +1026,7 @@ var index_vue_vue_type_script_setup_true_lang_default$14 = /*@__PURE__*/ defineC
 	setup(__props, { emit: __emit }) {
 		const { t } = useI18n();
 		const display = useDisplay();
-		const { sysBarAvail } = useSystem();
+		const { safeAreaInset } = useSystem();
 		const { backgroundColor1 } = useColor();
 		const adaptSlot = useModel(__props, "modelValue");
 		const emit = __emit;
@@ -1041,16 +1041,12 @@ var index_vue_vue_type_script_setup_true_lang_default$14 = /*@__PURE__*/ defineC
 			};
 		});
 		const contStyle = computed(() => {
-			let h = 48;
-			if (sysBarAvail.value) h += 24;
 			return {
 				position: "relative",
-				height: `calc(100% - ${h}px)`
+				height: `calc(100% - ${safeAreaInset.top + 48 + safeAreaInset.bottom}px)`,
+				paddingBottom: "60px"
 			};
 		});
-		const tailStyle = computed(() => {
-			return { height: "60px" };
-		});
 		watchEffect(() => {
 			if (!adaptSlot.value) return;
 			const item = adaptSlotList.items.value.find((entry) => entry.id === adaptSlot.value.id);
@@ -1121,11 +1117,11 @@ var index_vue_vue_type_script_setup_true_lang_default$14 = /*@__PURE__*/ defineC
 					class: "elevation-2",
 					style: normalizeStyle(wrapStyle.value)
 				}, [
-					unref(sysBarAvail) ? (openBlock(), createBlock(_component_v_sheet, {
+					unref(safeAreaInset).top ? (openBlock(), createBlock(_component_v_sheet, {
 						key: 0,
 						color: "transparent",
-						height: 24
-					})) : createCommentVNode("v-if", true),
+						height: unref(safeAreaInset).top
+					}, null, 8, ["height"])) : createCommentVNode("v-if", true),
 					createVNode(_component_v_sheet, {
 						class: "d-flex align-center px-3",
 						color: "transparent",
@@ -1146,7 +1142,7 @@ var index_vue_vue_type_script_setup_true_lang_default$14 = /*@__PURE__*/ defineC
 						open: unref(open),
 						"onUpdate:open": _cache[2] || (_cache[2] = ($event) => isRef(open) ? open.value = $event : null),
 						onXSelect: onAdaptSlotSelect
-					}, null, 8, ["open"]), createElementVNode("div", { style: normalizeStyle(tailStyle.value) }, null, 4)], 4)
+					}, null, 8, ["open"])], 4)
 				], 4)], 32)]),
 				_: 1
 			}, 8, ["modelValue"]);
@@ -1230,7 +1226,7 @@ var index_vue_vue_type_script_setup_true_lang_default$12 = /*@__PURE__*/ defineC
 	setup(__props, { emit: __emit }) {
 		const { t } = useI18n();
 		const display = useDisplay();
-		const { sysBarAvail } = useSystem();
+		const { safeAreaInset } = useSystem();
 		const { backgroundColor1 } = useColor();
 		const comp = useModel(__props, "modelValue");
 		const emit = __emit;
@@ -1245,14 +1241,13 @@ var index_vue_vue_type_script_setup_true_lang_default$12 = /*@__PURE__*/ defineC
 			};
 		});
 		const contStyle = computed(() => {
-			let h = 48;
-			if (sysBarAvail.value) h += 24;
 			return {
 				position: "relative",
-				height: `calc(100% - ${h}px)`
+				height: `calc(100% - ${safeAreaInset.top + 48 + safeAreaInset.bottom}px)`,
+				paddingBottom: "60px"
 			};
 		});
-		const tailStyle = computed(() => {
+		computed(() => {
 			return { height: "60px" };
 		});
 		watchEffect(() => {
@@ -1322,11 +1317,11 @@ var index_vue_vue_type_script_setup_true_lang_default$12 = /*@__PURE__*/ defineC
 					class: "elevation-2",
 					style: normalizeStyle(wrapStyle.value)
 				}, [
-					unref(sysBarAvail) ? (openBlock(), createBlock(_component_v_sheet, {
+					unref(safeAreaInset).top ? (openBlock(), createBlock(_component_v_sheet, {
 						key: 0,
 						color: "transparent",
-						height: 24
-					})) : createCommentVNode("v-if", true),
+						height: unref(safeAreaInset).top
+					}, null, 8, ["height"])) : createCommentVNode("v-if", true),
 					createVNode(_component_v_sheet, {
 						class: "d-flex align-center px-3",
 						color: "transparent",
@@ -1347,7 +1342,7 @@ var index_vue_vue_type_script_setup_true_lang_default$12 = /*@__PURE__*/ defineC
 						open: unref(open),
 						"onUpdate:open": _cache[2] || (_cache[2] = ($event) => isRef(open) ? open.value = $event : null),
 						onXSelect: onCompSelect
-					}, null, 8, ["open"]), createElementVNode("div", { style: normalizeStyle(tailStyle.value) }, null, 4)], 4)
+					}, null, 8, ["open"])], 4)
 				], 4)], 32)]),
 				_: 1
 			}, 8, ["modelValue"]);
@@ -1507,13 +1502,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 { sysBarAvail } = useSystem();
+		const { safeAreaInset } = useSystem();
 		const { backgroundColor0, backgroundColor1, backgroundColor2 } = useColor();
 		const json = useModel(__props, "modelValue");
 		const emit = __emit;
 		const contStyle = computed(() => {
-			let h = 48;
-			if (sysBarAvail.value) h += 24;
+			let h = safeAreaInset.top + 48 + safeAreaInset.bottom;
 			return {
 				position: "relative",
 				background: backgroundColor1.value,
@@ -1561,11 +1555,11 @@ var index_vue_vue_type_script_setup_true_lang_default$10 = /*@__PURE__*/ defineC
 					width: "100%"
 				}, {
 					default: withCtx(() => [
-						unref(sysBarAvail) ? (openBlock(), createBlock(_component_v_sheet, {
+						unref(safeAreaInset).top ? (openBlock(), createBlock(_component_v_sheet, {
 							key: 0,
 							color: unref(backgroundColor2),
-							height: 24
-						}, null, 8, ["color"])) : createCommentVNode("v-if", true),
+							height: unref(safeAreaInset).top
+						}, null, 8, ["color", "height"])) : createCommentVNode("v-if", true),
 						createVNode(_component_v_sheet, {
 							class: "d-flex align-center px-2",
 							color: unref(backgroundColor2),
@@ -2325,7 +2319,7 @@ var index_vue_vue_type_script_setup_true_lang_default$4 = /*@__PURE__*/ defineCo
 	setup(__props, { emit: __emit }) {
 		const { t } = useI18n();
 		const display = useDisplay();
-		const { sysBarAvail } = useSystem();
+		const { safeAreaInset } = useSystem();
 		const { backgroundColor1 } = useColor();
 		const slot = useModel(__props, "modelValue");
 		const emit = __emit;
@@ -2340,16 +2334,12 @@ var index_vue_vue_type_script_setup_true_lang_default$4 = /*@__PURE__*/ defineCo
 			};
 		});
 		const contStyle = computed(() => {
-			let h = 48;
-			if (sysBarAvail.value) h += 24;
 			return {
 				position: "relative",
-				height: `calc(100% - ${h}px)`
+				height: `calc(100% - ${safeAreaInset.top + 48 + safeAreaInset.bottom}px)`,
+				paddingBottom: "60px"
 			};
 		});
-		const tailStyle = computed(() => {
-			return { height: "60px" };
-		});
 		watchEffect(() => {
 			if (!slot.value) return;
 			const item = slotList.value.find((entry) => entry.id === slot.value.id);
@@ -2417,11 +2407,11 @@ var index_vue_vue_type_script_setup_true_lang_default$4 = /*@__PURE__*/ defineCo
 					class: "elevation-2",
 					style: normalizeStyle(wrapStyle.value)
 				}, [
-					unref(sysBarAvail) ? (openBlock(), createBlock(_component_v_sheet, {
+					unref(safeAreaInset).top ? (openBlock(), createBlock(_component_v_sheet, {
 						key: 0,
 						color: "transparent",
-						height: 24
-					})) : createCommentVNode("v-if", true),
+						height: unref(safeAreaInset).top
+					}, null, 8, ["height"])) : createCommentVNode("v-if", true),
 					createVNode(_component_v_sheet, {
 						class: "d-flex align-center px-3",
 						color: "transparent",
@@ -2442,7 +2432,7 @@ var index_vue_vue_type_script_setup_true_lang_default$4 = /*@__PURE__*/ defineCo
 						open: unref(open),
 						"onUpdate:open": _cache[2] || (_cache[2] = ($event) => isRef(open) ? open.value = $event : null),
 						onXSelect: onSlotSelect
-					}, null, 8, ["open"]), createElementVNode("div", { style: normalizeStyle(tailStyle.value) }, null, 4)], 4)
+					}, null, 8, ["open"])], 4)
 				], 4)], 32)]),
 				_: 1
 			}, 8, ["modelValue"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-prop-tree",
-  "version": "0.8.37",
+  "version": "0.8.39",
   "files": [
     "dist"
   ],
@@ -19,35 +19,37 @@
     "lint": "oxlint",
     "fmt": "oxfmt",
     "build": "tsdown",
+    "ncu:check": "ncu --dep dev,peer -x typescript",
+    "ncu:update": "ncu --dep dev,peer -x typescript -u",
     "lint-staged": "lint-staged",
     "prepare": "husky"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^26.0.0",
+    "@types/node": "^26.6.4",
     "husky": "^9.1.7",
-    "lint-staged": "^17.5.1",
+    "lint-staged": "^17.6.0",
     "lodash-es": "^4.18.1",
-    "oxfmt": "^0.67.0",
-    "oxlint": "^1.82.0",
+    "oxfmt": "^0.71.0",
+    "oxlint": "^1.86.0",
     "picomatch": "^4.0.7",
-    "sass": "^1.104.0",
+    "sass": "^1.105.1",
     "tsdown": "^0.23.0",
     "typescript": "^6.0.3",
-    "vite": "^8.3.0",
-    "x-config-lib": "^0.1.6",
-    "x-config-oxfmt": "^0.1.6",
-    "x-config-oxlint": "^0.1.7"
+    "vite": "^8.3.2",
+    "vue-tsc": "^3.3.12",
+    "x-config-lib": "^0.1.10",
+    "x-config-oxfmt": "^0.1.7",
+    "x-config-oxlint": "^0.1.8"
   },
   "peerDependencies": {
-    "vue": "^3.5.42",
-    "vue-i18n": "^11.4.10",
-    "vuetify": "^4.2.1",
-    "x-block-lib": "^0.11.11",
-    "x-error-lib": "^0.6.5",
-    "x-essential-lib": "^0.10.43",
-    "x-group-list": "^0.5.0",
-    "x-runtime-lib": "^0.10.5",
-    "x-state-lib": "^0.4.5"
+    "vue": "^3.5.43",
+    "vue-i18n": "^11.4.13",
+    "vuetify": "^4.2.3",
+    "x-block-lib": "^0.11.13",
+    "x-essential-lib": "^0.11.12",
+    "x-group-list": "^0.5.3",
+    "x-runtime-lib": "^0.10.8",
+    "x-state-lib": "^0.4.6"
   }
 }