x-prop-tree 0.8.37 → 0.8.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +27 -37
  2. package/package.json +6 -7
package/dist/index.js CHANGED
@@ -1026,7 +1026,7 @@ var index_vue_vue_type_script_setup_true_lang_default$14 = /*@__PURE__*/ defineC
1026
1026
  setup(__props, { emit: __emit }) {
1027
1027
  const { t } = useI18n();
1028
1028
  const display = useDisplay();
1029
- const { sysBarAvail } = useSystem();
1029
+ const { safeAreaInset } = useSystem();
1030
1030
  const { backgroundColor1 } = useColor();
1031
1031
  const adaptSlot = useModel(__props, "modelValue");
1032
1032
  const emit = __emit;
@@ -1041,16 +1041,12 @@ var index_vue_vue_type_script_setup_true_lang_default$14 = /*@__PURE__*/ defineC
1041
1041
  };
1042
1042
  });
1043
1043
  const contStyle = computed(() => {
1044
- let h = 48;
1045
- if (sysBarAvail.value) h += 24;
1046
1044
  return {
1047
1045
  position: "relative",
1048
- height: `calc(100% - ${h}px)`
1046
+ height: `calc(100% - ${safeAreaInset.top + 48 + safeAreaInset.bottom}px)`,
1047
+ paddingBottom: "60px"
1049
1048
  };
1050
1049
  });
1051
- const tailStyle = computed(() => {
1052
- return { height: "60px" };
1053
- });
1054
1050
  watchEffect(() => {
1055
1051
  if (!adaptSlot.value) return;
1056
1052
  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
1121
1117
  class: "elevation-2",
1122
1118
  style: normalizeStyle(wrapStyle.value)
1123
1119
  }, [
1124
- unref(sysBarAvail) ? (openBlock(), createBlock(_component_v_sheet, {
1120
+ unref(safeAreaInset).top ? (openBlock(), createBlock(_component_v_sheet, {
1125
1121
  key: 0,
1126
1122
  color: "transparent",
1127
- height: 24
1128
- })) : createCommentVNode("v-if", true),
1123
+ height: unref(safeAreaInset).top
1124
+ }, null, 8, ["height"])) : createCommentVNode("v-if", true),
1129
1125
  createVNode(_component_v_sheet, {
1130
1126
  class: "d-flex align-center px-3",
1131
1127
  color: "transparent",
@@ -1146,7 +1142,7 @@ var index_vue_vue_type_script_setup_true_lang_default$14 = /*@__PURE__*/ defineC
1146
1142
  open: unref(open),
1147
1143
  "onUpdate:open": _cache[2] || (_cache[2] = ($event) => isRef(open) ? open.value = $event : null),
1148
1144
  onXSelect: onAdaptSlotSelect
1149
- }, null, 8, ["open"]), createElementVNode("div", { style: normalizeStyle(tailStyle.value) }, null, 4)], 4)
1145
+ }, null, 8, ["open"])], 4)
1150
1146
  ], 4)], 32)]),
1151
1147
  _: 1
1152
1148
  }, 8, ["modelValue"]);
@@ -1230,7 +1226,7 @@ var index_vue_vue_type_script_setup_true_lang_default$12 = /*@__PURE__*/ defineC
1230
1226
  setup(__props, { emit: __emit }) {
1231
1227
  const { t } = useI18n();
1232
1228
  const display = useDisplay();
1233
- const { sysBarAvail } = useSystem();
1229
+ const { safeAreaInset } = useSystem();
1234
1230
  const { backgroundColor1 } = useColor();
1235
1231
  const comp = useModel(__props, "modelValue");
1236
1232
  const emit = __emit;
@@ -1245,14 +1241,13 @@ var index_vue_vue_type_script_setup_true_lang_default$12 = /*@__PURE__*/ defineC
1245
1241
  };
1246
1242
  });
1247
1243
  const contStyle = computed(() => {
1248
- let h = 48;
1249
- if (sysBarAvail.value) h += 24;
1250
1244
  return {
1251
1245
  position: "relative",
1252
- height: `calc(100% - ${h}px)`
1246
+ height: `calc(100% - ${safeAreaInset.top + 48 + safeAreaInset.bottom}px)`,
1247
+ paddingBottom: "60px"
1253
1248
  };
1254
1249
  });
1255
- const tailStyle = computed(() => {
1250
+ computed(() => {
1256
1251
  return { height: "60px" };
1257
1252
  });
1258
1253
  watchEffect(() => {
@@ -1322,11 +1317,11 @@ var index_vue_vue_type_script_setup_true_lang_default$12 = /*@__PURE__*/ defineC
1322
1317
  class: "elevation-2",
1323
1318
  style: normalizeStyle(wrapStyle.value)
1324
1319
  }, [
1325
- unref(sysBarAvail) ? (openBlock(), createBlock(_component_v_sheet, {
1320
+ unref(safeAreaInset).top ? (openBlock(), createBlock(_component_v_sheet, {
1326
1321
  key: 0,
1327
1322
  color: "transparent",
1328
- height: 24
1329
- })) : createCommentVNode("v-if", true),
1323
+ height: unref(safeAreaInset).top
1324
+ }, null, 8, ["height"])) : createCommentVNode("v-if", true),
1330
1325
  createVNode(_component_v_sheet, {
1331
1326
  class: "d-flex align-center px-3",
1332
1327
  color: "transparent",
@@ -1347,7 +1342,7 @@ var index_vue_vue_type_script_setup_true_lang_default$12 = /*@__PURE__*/ defineC
1347
1342
  open: unref(open),
1348
1343
  "onUpdate:open": _cache[2] || (_cache[2] = ($event) => isRef(open) ? open.value = $event : null),
1349
1344
  onXSelect: onCompSelect
1350
- }, null, 8, ["open"]), createElementVNode("div", { style: normalizeStyle(tailStyle.value) }, null, 4)], 4)
1345
+ }, null, 8, ["open"])], 4)
1351
1346
  ], 4)], 32)]),
1352
1347
  _: 1
1353
1348
  }, 8, ["modelValue"]);
@@ -1507,13 +1502,12 @@ var index_vue_vue_type_script_setup_true_lang_default$10 = /*@__PURE__*/ defineC
1507
1502
  emits: /*@__PURE__*/ mergeModels(["delete"], ["update:modelValue"]),
1508
1503
  setup(__props, { emit: __emit }) {
1509
1504
  const { t } = useI18n();
1510
- const { sysBarAvail } = useSystem();
1505
+ const { safeAreaInset } = useSystem();
1511
1506
  const { backgroundColor0, backgroundColor1, backgroundColor2 } = useColor();
1512
1507
  const json = useModel(__props, "modelValue");
1513
1508
  const emit = __emit;
1514
1509
  const contStyle = computed(() => {
1515
- let h = 48;
1516
- if (sysBarAvail.value) h += 24;
1510
+ let h = safeAreaInset.top + 48 + safeAreaInset.bottom;
1517
1511
  return {
1518
1512
  position: "relative",
1519
1513
  background: backgroundColor1.value,
@@ -1561,11 +1555,11 @@ var index_vue_vue_type_script_setup_true_lang_default$10 = /*@__PURE__*/ defineC
1561
1555
  width: "100%"
1562
1556
  }, {
1563
1557
  default: withCtx(() => [
1564
- unref(sysBarAvail) ? (openBlock(), createBlock(_component_v_sheet, {
1558
+ unref(safeAreaInset).top ? (openBlock(), createBlock(_component_v_sheet, {
1565
1559
  key: 0,
1566
1560
  color: unref(backgroundColor2),
1567
- height: 24
1568
- }, null, 8, ["color"])) : createCommentVNode("v-if", true),
1561
+ height: unref(safeAreaInset).top
1562
+ }, null, 8, ["color", "height"])) : createCommentVNode("v-if", true),
1569
1563
  createVNode(_component_v_sheet, {
1570
1564
  class: "d-flex align-center px-2",
1571
1565
  color: unref(backgroundColor2),
@@ -2325,7 +2319,7 @@ var index_vue_vue_type_script_setup_true_lang_default$4 = /*@__PURE__*/ defineCo
2325
2319
  setup(__props, { emit: __emit }) {
2326
2320
  const { t } = useI18n();
2327
2321
  const display = useDisplay();
2328
- const { sysBarAvail } = useSystem();
2322
+ const { safeAreaInset } = useSystem();
2329
2323
  const { backgroundColor1 } = useColor();
2330
2324
  const slot = useModel(__props, "modelValue");
2331
2325
  const emit = __emit;
@@ -2340,16 +2334,12 @@ var index_vue_vue_type_script_setup_true_lang_default$4 = /*@__PURE__*/ defineCo
2340
2334
  };
2341
2335
  });
2342
2336
  const contStyle = computed(() => {
2343
- let h = 48;
2344
- if (sysBarAvail.value) h += 24;
2345
2337
  return {
2346
2338
  position: "relative",
2347
- height: `calc(100% - ${h}px)`
2339
+ height: `calc(100% - ${safeAreaInset.top + 48 + safeAreaInset.bottom}px)`,
2340
+ paddingBottom: "60px"
2348
2341
  };
2349
2342
  });
2350
- const tailStyle = computed(() => {
2351
- return { height: "60px" };
2352
- });
2353
2343
  watchEffect(() => {
2354
2344
  if (!slot.value) return;
2355
2345
  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
2417
2407
  class: "elevation-2",
2418
2408
  style: normalizeStyle(wrapStyle.value)
2419
2409
  }, [
2420
- unref(sysBarAvail) ? (openBlock(), createBlock(_component_v_sheet, {
2410
+ unref(safeAreaInset).top ? (openBlock(), createBlock(_component_v_sheet, {
2421
2411
  key: 0,
2422
2412
  color: "transparent",
2423
- height: 24
2424
- })) : createCommentVNode("v-if", true),
2413
+ height: unref(safeAreaInset).top
2414
+ }, null, 8, ["height"])) : createCommentVNode("v-if", true),
2425
2415
  createVNode(_component_v_sheet, {
2426
2416
  class: "d-flex align-center px-3",
2427
2417
  color: "transparent",
@@ -2442,7 +2432,7 @@ var index_vue_vue_type_script_setup_true_lang_default$4 = /*@__PURE__*/ defineCo
2442
2432
  open: unref(open),
2443
2433
  "onUpdate:open": _cache[2] || (_cache[2] = ($event) => isRef(open) ? open.value = $event : null),
2444
2434
  onXSelect: onSlotSelect
2445
- }, null, 8, ["open"]), createElementVNode("div", { style: normalizeStyle(tailStyle.value) }, null, 4)], 4)
2435
+ }, null, 8, ["open"])], 4)
2446
2436
  ], 4)], 32)]),
2447
2437
  _: 1
2448
2438
  }, 8, ["modelValue"]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "x-prop-tree",
3
- "version": "0.8.37",
3
+ "version": "0.8.38",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -35,7 +35,7 @@
35
35
  "tsdown": "^0.23.0",
36
36
  "typescript": "^6.0.3",
37
37
  "vite": "^8.3.0",
38
- "x-config-lib": "^0.1.6",
38
+ "x-config-lib": "^0.1.8",
39
39
  "x-config-oxfmt": "^0.1.6",
40
40
  "x-config-oxlint": "^0.1.7"
41
41
  },
@@ -43,11 +43,10 @@
43
43
  "vue": "^3.5.42",
44
44
  "vue-i18n": "^11.4.10",
45
45
  "vuetify": "^4.2.1",
46
- "x-block-lib": "^0.11.11",
47
- "x-error-lib": "^0.6.5",
48
- "x-essential-lib": "^0.10.43",
49
- "x-group-list": "^0.5.0",
50
- "x-runtime-lib": "^0.10.5",
46
+ "x-block-lib": "^0.11.12",
47
+ "x-essential-lib": "^0.11.11",
48
+ "x-group-list": "^0.5.2",
49
+ "x-runtime-lib": "^0.10.7",
51
50
  "x-state-lib": "^0.4.5"
52
51
  }
53
52
  }