x-prop-tree 0.7.20 → 0.7.21

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 +105 -101
  2. package/package.json +4 -4
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { provide as ae, inject as ce, defineComponent as E, ref as T, computed as L, resolveComponent as U, createBlock as B, openBlock as _, unref as P, isRef as re, withCtx as R, createVNode as b, createElementBlock as K, Fragment as fe, renderList as Te, createTextVNode as he, toDisplayString as F, resolveDirective as ee, withDirectives as j, withModifiers as X, normalizeStyle as W, createElementVNode as q, createCommentVNode as G, mergeModels as Z, useModel as z, useId as $e, onUnmounted as we, mergeProps as Me, withKeys as Le, useTemplateRef as He, watch as oe, watchEffect as Ke, h as k, renderSlot as kt, onMounted as Xe, onBeforeUnmount as Fe, reactive as _t } from "vue";
1
+ import { provide as ae, inject as ce, defineComponent as E, ref as T, computed as L, resolveComponent as $, createBlock as B, openBlock as _, unref as P, isRef as re, withCtx as R, createVNode as b, createElementBlock as K, Fragment as fe, renderList as Te, createTextVNode as he, toDisplayString as F, resolveDirective as ee, withDirectives as j, withModifiers as X, normalizeStyle as W, createElementVNode as q, createCommentVNode as G, mergeModels as Z, useModel as z, useId as $e, onUnmounted as we, mergeProps as Me, withKeys as Le, useTemplateRef as He, watch as oe, watchEffect as Ke, h as k, renderSlot as kt, onMounted as Xe, onBeforeUnmount as Fe, reactive as _t } from "vue";
2
2
  import { useI18n as I } from "vue-i18n";
3
3
  import { useViewStack as ke, useColor as te, eventBus as de, useSystem as ve, injectDark as xt, injectLocale as St, openNumberDlg as ze, openPromptDlg as Vt, globalObjects as Ct } from "x-essential-lib";
4
4
  import { getPropertyDefault as J, pkgs as Ne, parsePixelStr as Ut, parsePercentStr as $t, getPropertyTag as wt, elements as Mt, makeSlotId as Re } from "x-runtime-lib";
@@ -275,92 +275,96 @@ function it() {
275
275
  const Yt = /* @__PURE__ */ E({
276
276
  __name: "index",
277
277
  setup(t) {
278
- const { t: s } = I(), n = Kt(), e = Et(), l = Ht(), o = Ft(), i = T(0), u = T(0), r = T([]), a = L(() => [i.value, u.value]), d = (S) => {
278
+ const { t: s } = I(), n = Kt(), e = Et(), l = Ht(), o = Ft(), i = T(0), u = T(0), r = T([]), a = L(() => [i.value, u.value]), d = (V) => {
279
279
  const D = () => !(r.value.length <= 0 || !me(l.value, r.value)), x = () => {
280
- const V = Ce(n.value, r.value);
281
- if (V)
282
- if (V.ui) {
283
- const $ = ye(e.value, r.value.slice(0, -1));
284
- if (!$)
280
+ const S = Ce(n.value, r.value);
281
+ if (S)
282
+ if (S.ui) {
283
+ const U = ye(e.value, r.value.slice(0, -1));
284
+ if (!U)
285
285
  return;
286
- $[r.value[r.value.length - 1]] = J(V), o(r.value, $[r.value[r.value.length - 1]]);
287
- } else if (V.array) {
288
- const $ = r.value[r.value.length - 1];
289
- if ($ === void 0) {
286
+ U[r.value[r.value.length - 1]] = J(S), o(r.value, U[r.value[r.value.length - 1]]);
287
+ } else if (S.array) {
288
+ const U = r.value[r.value.length - 1];
289
+ if (U === void 0) {
290
290
  console.assert(!1, "invalid last key");
291
291
  return;
292
292
  }
293
- if (typeof $ == "string") {
293
+ if (typeof U == "string") {
294
294
  const O = ye(e.value, r.value.slice(0, -1));
295
295
  if (!O)
296
296
  return;
297
- O[r.value[r.value.length - 1]] = J(V), o(r.value, O[r.value[r.value.length - 1]]);
297
+ O[r.value[r.value.length - 1]] = J(S), o(r.value, O[r.value[r.value.length - 1]]);
298
298
  } else {
299
299
  const O = ye(e.value, r.value);
300
300
  if (!O)
301
301
  return;
302
- V.children.forEach((Q) => {
303
- O[Q.key] = J(V), o([...r.value, Q.key], O[Q.key]);
302
+ S.children.forEach((Q) => {
303
+ O[Q.key] = J(S), o([...r.value, Q.key], O[Q.key]);
304
304
  });
305
305
  }
306
306
  } else {
307
- const $ = ye(e.value, r.value);
308
- if (!$)
307
+ const U = ye(e.value, r.value);
308
+ if (!U)
309
309
  return;
310
- V.children.forEach((O) => {
311
- $[O.key] = J(V), o([...r.value, O.key], $[O.key]);
310
+ S.children.forEach((O) => {
311
+ U[O.key] = J(S), o([...r.value, O.key], U[O.key]);
312
312
  });
313
313
  }
314
314
  };
315
- D() && S.push({
315
+ D() && V.push({
316
316
  title: s("x-prop-tree.reset"),
317
317
  func: x
318
318
  });
319
- }, c = (S) => {
319
+ }, c = (V) => {
320
320
  const D = () => {
321
- const x = Ce(n.value, r.value), V = ye(e.value, r.value);
322
- localStorage.setItem("propTreeCopy", JSON.stringify({ property: x, object: V }));
321
+ const x = Ce(n.value, r.value), S = ye(e.value, r.value);
322
+ localStorage.setItem("propTreeCopy", JSON.stringify({ property: x, object: S }));
323
323
  };
324
- S.push({
324
+ V.push({
325
325
  title: s("x-prop-tree.copy"),
326
326
  func: D
327
327
  });
328
- }, f = (S) => {
328
+ }, f = (V) => {
329
329
  const D = () => {
330
- const V = localStorage.getItem("propTreeCopy");
331
- if (!V)
330
+ const S = localStorage.getItem("propTreeCopy");
331
+ if (!S)
332
332
  return !1;
333
+ console.log(S);
333
334
  try {
334
- const { property: $ } = JSON.parse(V), O = Ce(n.value, r.value);
335
- return Pt($, O);
336
- } catch ($) {
337
- console.error($);
335
+ const { property: U } = JSON.parse(S);
336
+ if (!U)
337
+ return !1;
338
+ const O = Ce(n.value, r.value);
339
+ return Pt(U, O);
340
+ } catch (U) {
341
+ console.error(U);
338
342
  }
339
343
  return !1;
340
344
  }, x = () => {
341
345
  if (!D())
342
346
  return;
343
- const V = localStorage.getItem("propTreeCopy");
344
- if (V)
347
+ const S = localStorage.getItem("propTreeCopy");
348
+ if (S)
345
349
  try {
346
- const { object: $ } = JSON.parse(V), O = Ce(n.value, r.value);
347
- console.log($, O);
348
- } catch ($) {
349
- console.error($);
350
+ const { object: U } = JSON.parse(S), O = Ce(n.value, r.value);
351
+ console.log(U, O);
352
+ } catch (U) {
353
+ console.error(U);
350
354
  }
351
355
  };
352
- D() && S.push({
356
+ D() && V.push({
353
357
  title: s("x-prop-tree.paste"),
354
358
  func: x
355
359
  });
356
360
  }, v = L(() => {
357
- const S = [];
358
- return d(S), c(S), f(S), S;
359
- }), C = (S) => {
360
- i.value = S.x, u.value = S.y, r.value = S.keys;
361
+ const V = [];
362
+ return d(V), c(V), f(V), V;
363
+ }), C = (V) => {
364
+ i.value = V.x, u.value = V.y, r.value = V.keys;
361
365
  }, { open: h } = ke("propTreeMenu", C);
362
- return (S, D) => {
363
- const x = U("v-list-item-title"), V = U("v-list-item"), $ = U("v-list"), O = U("v-menu");
366
+ return (V, D) => {
367
+ const x = $("v-list-item-title"), S = $("v-list-item"), U = $("v-list"), O = $("v-menu");
364
368
  return _(), B(O, {
365
369
  modelValue: P(h),
366
370
  "onUpdate:modelValue": D[0] || (D[0] = (Q) => re(h) ? h.value = Q : null),
@@ -369,9 +373,9 @@ const Yt = /* @__PURE__ */ E({
369
373
  target: a.value
370
374
  }, {
371
375
  default: R(() => [
372
- b($, null, {
376
+ b(U, null, {
373
377
  default: R(() => [
374
- (_(!0), K(fe, null, Te(v.value, (Q, pe) => (_(), B(V, {
378
+ (_(!0), K(fe, null, Te(v.value, (Q, pe) => (_(), B(S, {
375
379
  key: pe,
376
380
  link: "",
377
381
  onClick: Q.func
@@ -416,7 +420,7 @@ const Yt = /* @__PURE__ */ E({
416
420
  l("menu", a.clientX, a.clientY);
417
421
  };
418
422
  return (a, d) => {
419
- const c = U("v-icon"), f = U("v-spacer"), v = U("v-btn"), C = ee("ripple");
423
+ const c = $("v-icon"), f = $("v-spacer"), v = $("v-btn"), C = ee("ripple");
420
424
  return j((_(), K("div", {
421
425
  class: "d-flex align-center cursor-pointer",
422
426
  style: W(i.value),
@@ -472,7 +476,7 @@ const Yt = /* @__PURE__ */ E({
472
476
  return we(() => {
473
477
  u.value = !1;
474
478
  }), (r, a) => {
475
- const d = U("v-btn"), c = U("v-color-picker"), f = U("v-menu");
479
+ const d = $("v-btn"), c = $("v-color-picker"), f = $("v-menu");
476
480
  return _(), B(f, {
477
481
  modelValue: P(u),
478
482
  "onUpdate:modelValue": a[2] || (a[2] = (v) => re(u) ? u.value = v : null),
@@ -537,7 +541,7 @@ const Yt = /* @__PURE__ */ E({
537
541
  userSelect: "none"
538
542
  }));
539
543
  return (r, a) => {
540
- const d = U("v-icon"), c = ee("ripple");
544
+ const d = $("v-icon"), c = ee("ripple");
541
545
  return j((_(), K("div", {
542
546
  class: "d-flex align-center cursor-pointer",
543
547
  style: W(u.value),
@@ -657,7 +661,7 @@ const Yt = /* @__PURE__ */ E({
657
661
  return we(() => {
658
662
  c.value = !1;
659
663
  }), (f, v) => {
660
- const C = U("v-btn"), h = U("v-sheet"), S = U("v-icon"), D = U("v-dialog");
664
+ const C = $("v-btn"), h = $("v-sheet"), V = $("v-icon"), D = $("v-dialog");
661
665
  return _(), B(D, {
662
666
  modelValue: P(c),
663
667
  "onUpdate:modelValue": v[5] || (v[5] = (x) => re(c) ? c.value = x : null),
@@ -699,7 +703,7 @@ const Yt = /* @__PURE__ */ E({
699
703
  height: 48
700
704
  }, {
701
705
  default: R(() => [
702
- b(S, {
706
+ b(V, {
703
707
  icon: "mdi-close",
704
708
  onClick: v[0] || (v[0] = (x) => c.value = !1)
705
709
  }),
@@ -784,19 +788,19 @@ const Yt = /* @__PURE__ */ E({
784
788
  return oe(c, (v) => {
785
789
  v || f.value?.save();
786
790
  }), (v, C) => {
787
- const h = U("v-btn"), S = U("v-sheet"), D = U("v-spacer"), x = U("v-dialog");
791
+ const h = $("v-btn"), V = $("v-sheet"), D = $("v-spacer"), x = $("v-dialog");
788
792
  return _(), B(x, {
789
793
  modelValue: P(c),
790
- "onUpdate:modelValue": C[4] || (C[4] = (V) => re(c) ? c.value = V : null),
794
+ "onUpdate:modelValue": C[4] || (C[4] = (S) => re(c) ? c.value = S : null),
791
795
  attach: "",
792
796
  fullscreen: "",
793
797
  "no-click-animation": "",
794
798
  persistent: "",
795
799
  transition: "dialog-bottom-transition",
796
- onKeydown: C[5] || (C[5] = Le(X((V) => c.value = !1, ["stop", "prevent"]), ["esc"]))
800
+ onKeydown: C[5] || (C[5] = Le(X((S) => c.value = !1, ["stop", "prevent"]), ["esc"]))
797
801
  }, {
798
- activator: R(({ props: V }) => [
799
- b(h, Me(V, {
802
+ activator: R(({ props: S }) => [
803
+ b(h, Me(S, {
800
804
  block: "",
801
805
  density: "comfortable"
802
806
  }), {
@@ -807,18 +811,18 @@ const Yt = /* @__PURE__ */ E({
807
811
  }, 16)
808
812
  ]),
809
813
  default: R(() => [
810
- b(S, {
814
+ b(V, {
811
815
  color: P(e),
812
816
  height: "100%",
813
817
  width: "100%"
814
818
  }, {
815
819
  default: R(() => [
816
- P(n) ? (_(), B(S, {
820
+ P(n) ? (_(), B(V, {
817
821
  key: 0,
818
822
  color: P(o),
819
823
  height: 24
820
824
  }, null, 8, ["color"])) : G("", !0),
821
- b(S, {
825
+ b(V, {
822
826
  class: "d-flex align-center px-2",
823
827
  color: P(o),
824
828
  height: 48
@@ -828,7 +832,7 @@ const Yt = /* @__PURE__ */ E({
828
832
  density: "comfortable",
829
833
  icon: "mdi-close",
830
834
  variant: "text",
831
- onClick: C[0] || (C[0] = (V) => c.value = !1)
835
+ onClick: C[0] || (C[0] = (S) => c.value = !1)
832
836
  }),
833
837
  q("span", cn, F(P(s)("x-prop-tree.dlg.jsonEditor.title")), 1),
834
838
  b(D)
@@ -842,11 +846,11 @@ const Yt = /* @__PURE__ */ E({
842
846
  ref_key: "editor",
843
847
  ref: f,
844
848
  modelValue: i.value,
845
- "onUpdate:modelValue": C[1] || (C[1] = (V) => i.value = V),
849
+ "onUpdate:modelValue": C[1] || (C[1] = (S) => i.value = S),
846
850
  lock: u.value,
847
- "onUpdate:lock": C[2] || (C[2] = (V) => u.value = V),
851
+ "onUpdate:lock": C[2] || (C[2] = (S) => u.value = S),
848
852
  scale: r.value,
849
- "onUpdate:scale": C[3] || (C[3] = (V) => r.value = V)
853
+ "onUpdate:scale": C[3] || (C[3] = (S) => r.value = S)
850
854
  }, null, 8, ["modelValue", "lock", "scale"])
851
855
  ], 4)
852
856
  ]),
@@ -870,10 +874,10 @@ const Yt = /* @__PURE__ */ E({
870
874
  setup(t, { emit: s }) {
871
875
  const { t: n } = I(), { isMobile: e } = ve(), l = z(t, "modelValue"), o = s, i = Oe(), u = L(() => Ne[i.value]?.types[t.types]), r = T(0), a = L(() => {
872
876
  const C = [];
873
- return u.value?.forEach(({ title: h }, S) => {
877
+ return u.value?.forEach(({ title: h }, V) => {
874
878
  C.push({
875
879
  title: n(h),
876
- value: S
880
+ value: V
877
881
  });
878
882
  }), C;
879
883
  });
@@ -900,13 +904,13 @@ const Yt = /* @__PURE__ */ E({
900
904
  }), oe(f, (C) => {
901
905
  d.value?.ui === "pixelInput" ? l.value = C + "px" : d.value?.ui === "percentInput" && (l.value = C + "%");
902
906
  }), (C, h) => {
903
- const S = U("v-select"), D = U("v-number-input"), x = U("v-btn"), V = ee("ripple");
907
+ const V = $("v-select"), D = $("v-number-input"), x = $("v-btn"), S = ee("ripple");
904
908
  return _(), K("div", mn, [
905
909
  q("div", fn, [
906
- j(b(S, {
910
+ j(b(V, {
907
911
  modelValue: r.value,
908
912
  "onUpdate:modelValue": [
909
- h[0] || (h[0] = ($) => r.value = $),
913
+ h[0] || (h[0] = (U) => r.value = U),
910
914
  c
911
915
  ],
912
916
  density: "compact",
@@ -915,7 +919,7 @@ const Yt = /* @__PURE__ */ E({
915
919
  "single-line": ""
916
920
  }, null, 8, ["modelValue", "items"]), [
917
921
  [
918
- V,
922
+ S,
919
923
  void 0,
920
924
  void 0,
921
925
  { stop: !0 }
@@ -924,7 +928,7 @@ const Yt = /* @__PURE__ */ E({
924
928
  d.value?.ui === "pixelInput" || d.value?.ui === "percentInput" ? j((_(), B(D, {
925
929
  key: 0,
926
930
  modelValue: f.value,
927
- "onUpdate:modelValue": h[1] || (h[1] = ($) => f.value = $),
931
+ "onUpdate:modelValue": h[1] || (h[1] = (U) => f.value = U),
928
932
  "control-variant": "stacked",
929
933
  density: "compact",
930
934
  "hide-details": "",
@@ -936,7 +940,7 @@ const Yt = /* @__PURE__ */ E({
936
940
  "onUpdate:focused": v
937
941
  }, null, 8, ["modelValue", "max", "min", "precision", "step"])), [
938
942
  [
939
- V,
943
+ S,
940
944
  void 0,
941
945
  void 0,
942
946
  { stop: !0 }
@@ -949,7 +953,7 @@ const Yt = /* @__PURE__ */ E({
949
953
  density: "compact",
950
954
  icon: "mdi-minus",
951
955
  variant: "text",
952
- onClick: h[2] || (h[2] = X(($) => o("delete"), ["stop"]))
956
+ onClick: h[2] || (h[2] = X((U) => o("delete"), ["stop"]))
953
957
  })) : G("", !0)
954
958
  ]);
955
959
  };
@@ -984,7 +988,7 @@ const Yt = /* @__PURE__ */ E({
984
988
  u !== void 0 && (e.value = u);
985
989
  };
986
990
  return (i, u) => {
987
- const r = U("v-number-input"), a = U("v-btn"), d = ee("ripple");
991
+ const r = $("v-number-input"), a = $("v-btn"), d = ee("ripple");
988
992
  return _(), K("div", pn, [
989
993
  j(b(r, {
990
994
  modelValue: e.value,
@@ -1037,7 +1041,7 @@ const Yt = /* @__PURE__ */ E({
1037
1041
  }), u;
1038
1042
  });
1039
1043
  return (u, r) => {
1040
- const a = U("v-select"), d = U("v-btn"), c = ee("ripple");
1044
+ const a = $("v-select"), d = $("v-btn"), c = ee("ripple");
1041
1045
  return _(), K("div", yn, [
1042
1046
  j(b(a, {
1043
1047
  modelValue: e.value,
@@ -1083,7 +1087,7 @@ const Yt = /* @__PURE__ */ E({
1083
1087
  userSelect: "none"
1084
1088
  }));
1085
1089
  return (r, a) => {
1086
- const d = U("v-icon"), c = ee("ripple");
1090
+ const d = $("v-icon"), c = ee("ripple");
1087
1091
  return j((_(), K("div", {
1088
1092
  class: "d-flex align-center cursor-pointer",
1089
1093
  style: W(u.value),
@@ -1203,7 +1207,7 @@ const Yt = /* @__PURE__ */ E({
1203
1207
  return we(() => {
1204
1208
  c.value = !1;
1205
1209
  }), (f, v) => {
1206
- const C = U("v-btn"), h = U("v-sheet"), S = U("v-icon"), D = U("v-dialog");
1210
+ const C = $("v-btn"), h = $("v-sheet"), V = $("v-icon"), D = $("v-dialog");
1207
1211
  return _(), B(D, {
1208
1212
  modelValue: P(c),
1209
1213
  "onUpdate:modelValue": v[5] || (v[5] = (x) => re(c) ? c.value = x : null),
@@ -1245,7 +1249,7 @@ const Yt = /* @__PURE__ */ E({
1245
1249
  height: 48
1246
1250
  }, {
1247
1251
  default: R(() => [
1248
- b(S, {
1252
+ b(V, {
1249
1253
  icon: "mdi-close",
1250
1254
  onClick: v[0] || (v[0] = (x) => c.value = !1)
1251
1255
  }),
@@ -1295,7 +1299,7 @@ const Yt = /* @__PURE__ */ E({
1295
1299
  u !== void 0 && (e.value = u);
1296
1300
  };
1297
1301
  return (i, u) => {
1298
- const r = U("v-text-field"), a = U("v-btn"), d = ee("ripple");
1302
+ const r = $("v-text-field"), a = $("v-btn"), d = ee("ripple");
1299
1303
  return _(), K("div", bn, [
1300
1304
  j(b(r, {
1301
1305
  modelValue: e.value,
@@ -1337,7 +1341,7 @@ const Yt = /* @__PURE__ */ E({
1337
1341
  setup(t, { emit: s }) {
1338
1342
  const n = z(t, "modelValue"), e = s;
1339
1343
  return (l, o) => {
1340
- const i = U("v-switch"), u = U("v-btn");
1344
+ const i = $("v-switch"), u = $("v-btn");
1341
1345
  return _(), K("div", Dn, [
1342
1346
  b(i, {
1343
1347
  modelValue: n.value,
@@ -1712,52 +1716,52 @@ function zn(t, s, n) {
1712
1716
  }
1713
1717
  const d = wt(s.value, n.value), c = [];
1714
1718
  for (let h = 0; h < a.groups[d].length; h++) {
1715
- const S = a.groups[d][h], D = _e(l, S.key);
1719
+ const V = a.groups[d][h], D = _e(l, V.key);
1716
1720
  c.push({
1717
- id: S.key,
1721
+ id: V.key,
1718
1722
  type: 0,
1719
- name: e.global.t(S.name),
1723
+ name: e.global.t(V.name),
1720
1724
  position: h,
1721
1725
  collapse: D?.collapse ?? !0,
1722
1726
  count: 0
1723
1727
  });
1724
1728
  let x = 0;
1725
- for (const V of S.items) {
1726
- const $ = Mt[V];
1727
- if ($ && !$.internal && $.slots)
1728
- for (const O of $.slots) {
1729
- const Q = Re("elementSlot", $.key, O.key), pe = `${e.global.t($.name)} / ${e.global.t(O.name)}`;
1729
+ for (const S of V.items) {
1730
+ const U = Mt[S];
1731
+ if (U && !U.internal && U.slots)
1732
+ for (const O of U.slots) {
1733
+ const Q = Re("elementSlot", U.key, O.key), pe = `${e.global.t(U.name)} / ${e.global.t(O.name)}`;
1730
1734
  c.push({
1731
1735
  id: Q,
1732
1736
  type: 1,
1733
1737
  name: pe,
1734
1738
  position: x++,
1735
- group: S.key
1739
+ group: V.key
1736
1740
  });
1737
1741
  }
1738
1742
  }
1739
1743
  }
1740
1744
  const { activeApp: f, depends: v } = Ze.app;
1741
- for (const { id: h, name: S, position: D } of f.compGroups) {
1742
- const x = l.value.find((V) => V.id);
1745
+ for (const { id: h, name: V, position: D } of f.compGroups) {
1746
+ const x = l.value.find((S) => S.id);
1743
1747
  c.push({
1744
1748
  id: h,
1745
1749
  type: 0,
1746
- name: S,
1750
+ name: V,
1747
1751
  position: D,
1748
1752
  collapse: x?.collapse ?? !0
1749
1753
  });
1750
1754
  }
1751
1755
  let C = 0;
1752
1756
  for (const h of f.comps) {
1753
- const S = v[h.id];
1754
- if (S && S.meta.slots)
1755
- for (const D of S.meta.slots) {
1756
- const x = Re("customSlot", h.id, D.id), V = `${h.name} / ${D.name}`;
1757
+ const V = v[h.id];
1758
+ if (V && V.meta.slots)
1759
+ for (const D of V.meta.slots) {
1760
+ const x = Re("customSlot", h.id, D.id), S = `${h.name} / ${D.name}`;
1757
1761
  c.push({
1758
1762
  id: x,
1759
1763
  type: 1,
1760
- name: V,
1764
+ name: S,
1761
1765
  position: C++,
1762
1766
  group: h.groupId
1763
1767
  });
@@ -1838,18 +1842,18 @@ const Gn = /* @__PURE__ */ E({
1838
1842
  h.value = l.config;
1839
1843
  }
1840
1844
  );
1841
- const S = T(l.object);
1842
- Rt(S), oe(
1845
+ const V = T(l.object);
1846
+ Rt(V), oe(
1843
1847
  () => l.object,
1844
1848
  () => {
1845
- S.value = l.object;
1849
+ V.value = l.object;
1846
1850
  }
1847
1851
  ), Jt(d), Xt(c), Fn(), zn(f, v, C);
1848
1852
  const { renderProperty: D } = Rn(
1849
1853
  d,
1850
1854
  u,
1851
1855
  r
1852
- ), { renderUiDummy: x } = Nn(c), { renderUiStrInput: V } = Hn(c), { renderUiNumInput: $ } = qn(c), { renderUiSwitch: O } = Xn(c), { renderUiSelect: Q } = En(c), { renderUiColorPicker: pe } = Tn(c), { renderUiJsonEditor: ut } = Bn(c), { renderUiMultiTypes: rt } = On(c), { renderUiCompSelect: at } = Ln(c), { renderUiSlotSelect: ct } = Jn(c), xe = (p, m, y, g, w, A) => (p = Ge(p), w !== void 0 ? (p.push(w), A && p.push(m.key)) : p.push(m.key), m.ui ? m.array && g ? ft(
1856
+ ), { renderUiDummy: x } = Nn(c), { renderUiStrInput: S } = Hn(c), { renderUiNumInput: U } = qn(c), { renderUiSwitch: O } = Xn(c), { renderUiSelect: Q } = En(c), { renderUiColorPicker: pe } = Tn(c), { renderUiJsonEditor: ut } = Bn(c), { renderUiMultiTypes: rt } = On(c), { renderUiCompSelect: at } = Ln(c), { renderUiSlotSelect: ct } = Jn(c), xe = (p, m, y, g, w, A) => (p = Ge(p), w !== void 0 ? (p.push(w), A && p.push(m.key)) : p.push(m.key), m.ui ? m.array && g ? ft(
1853
1857
  p,
1854
1858
  m,
1855
1859
  y,
@@ -2104,7 +2108,7 @@ const Gn = /* @__PURE__ */ E({
2104
2108
  if (!m.ui)
2105
2109
  return console.assert(!1), k("div", "renderLeafScalar property ui must be valid");
2106
2110
  let A;
2107
- return m.ui === "dummy" ? A = x(p, m, y, g, w) : m.ui === "strInput" ? A = V(p, m, y, g, w) : m.ui === "numInput" ? A = $(p, m, y, g, w) : m.ui === "switch" ? A = O(p, m, y, g, w) : m.ui === "select" ? A = Q(p, m, y, g, w) : m.ui === "colorPicker" ? A = pe(p, m, y, g, w) : m.ui === "jsonEditor" ? A = ut(p, m, y, g, w) : m.ui === "multiTypes" ? A = rt(p, m, y, g, w) : m.ui === "compSelect" ? A = at(p, m, y, g, w) : m.ui === "slotSelect" ? A = ct(p, m, y, g, w) : console.assert(!1, "renderLeafScalar not implemented"), A ? D(p, m, A) : k("div");
2111
+ return m.ui === "dummy" ? A = x(p, m, y, g, w) : m.ui === "strInput" ? A = S(p, m, y, g, w) : m.ui === "numInput" ? A = U(p, m, y, g, w) : m.ui === "switch" ? A = O(p, m, y, g, w) : m.ui === "select" ? A = Q(p, m, y, g, w) : m.ui === "colorPicker" ? A = pe(p, m, y, g, w) : m.ui === "jsonEditor" ? A = ut(p, m, y, g, w) : m.ui === "multiTypes" ? A = rt(p, m, y, g, w) : m.ui === "compSelect" ? A = at(p, m, y, g, w) : m.ui === "slotSelect" ? A = ct(p, m, y, g, w) : console.assert(!1, "renderLeafScalar not implemented"), A ? D(p, m, A) : k("div");
2108
2112
  }, pt = () => k(
2109
2113
  "div",
2110
2114
  {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "x-prop-tree",
3
3
  "private": false,
4
- "version": "0.7.20",
4
+ "version": "0.7.21",
5
5
  "type": "module",
6
6
  "module": "dist/index.js",
7
7
  "types": "dist/index.d.ts",
@@ -26,11 +26,11 @@
26
26
  "vue": "^3.5.23",
27
27
  "vue-i18n": "^11.1.12",
28
28
  "vuetify": "^3.10.9",
29
- "x-block-lib": "^0.8.48",
29
+ "x-block-lib": "^0.8.50",
30
30
  "x-essential-lib": "^0.9.3",
31
31
  "x-group-list": "^0.4.7",
32
- "x-runtime-lib": "^0.8.94",
33
- "x-state-lib": "^0.3.26"
32
+ "x-runtime-lib": "^0.8.97",
33
+ "x-state-lib": "^0.3.27"
34
34
  },
35
35
  "devDependencies": {
36
36
  "@eslint/js": "^9.39.1",