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.
- package/dist/index.js +105 -101
- 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
|
|
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 = (
|
|
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
|
|
281
|
-
if (
|
|
282
|
-
if (
|
|
283
|
-
const
|
|
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
|
-
|
|
287
|
-
} else if (
|
|
288
|
-
const
|
|
289
|
-
if (
|
|
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
|
|
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(
|
|
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
|
-
|
|
303
|
-
O[Q.key] = J(
|
|
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
|
|
308
|
-
if (
|
|
307
|
+
const U = ye(e.value, r.value);
|
|
308
|
+
if (!U)
|
|
309
309
|
return;
|
|
310
|
-
|
|
311
|
-
|
|
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() &&
|
|
315
|
+
D() && V.push({
|
|
316
316
|
title: s("x-prop-tree.reset"),
|
|
317
317
|
func: x
|
|
318
318
|
});
|
|
319
|
-
}, c = (
|
|
319
|
+
}, c = (V) => {
|
|
320
320
|
const D = () => {
|
|
321
|
-
const x = Ce(n.value, r.value),
|
|
322
|
-
localStorage.setItem("propTreeCopy", JSON.stringify({ property: x, object:
|
|
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
|
-
|
|
324
|
+
V.push({
|
|
325
325
|
title: s("x-prop-tree.copy"),
|
|
326
326
|
func: D
|
|
327
327
|
});
|
|
328
|
-
}, f = (
|
|
328
|
+
}, f = (V) => {
|
|
329
329
|
const D = () => {
|
|
330
|
-
const
|
|
331
|
-
if (!
|
|
330
|
+
const S = localStorage.getItem("propTreeCopy");
|
|
331
|
+
if (!S)
|
|
332
332
|
return !1;
|
|
333
|
+
console.log(S);
|
|
333
334
|
try {
|
|
334
|
-
const { property:
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
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
|
|
344
|
-
if (
|
|
347
|
+
const S = localStorage.getItem("propTreeCopy");
|
|
348
|
+
if (S)
|
|
345
349
|
try {
|
|
346
|
-
const { object:
|
|
347
|
-
console.log(
|
|
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() &&
|
|
356
|
+
D() && V.push({
|
|
353
357
|
title: s("x-prop-tree.paste"),
|
|
354
358
|
func: x
|
|
355
359
|
});
|
|
356
360
|
}, v = L(() => {
|
|
357
|
-
const
|
|
358
|
-
return d(
|
|
359
|
-
}), C = (
|
|
360
|
-
i.value =
|
|
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 (
|
|
363
|
-
const x =
|
|
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(
|
|
376
|
+
b(U, null, {
|
|
373
377
|
default: R(() => [
|
|
374
|
-
(_(!0), K(fe, null, Te(v.value, (Q, pe) => (_(), B(
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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(
|
|
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 =
|
|
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] = (
|
|
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((
|
|
800
|
+
onKeydown: C[5] || (C[5] = Le(X((S) => c.value = !1, ["stop", "prevent"]), ["esc"]))
|
|
797
801
|
}, {
|
|
798
|
-
activator: R(({ props:
|
|
799
|
-
b(h, Me(
|
|
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(
|
|
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(
|
|
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(
|
|
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] = (
|
|
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] = (
|
|
849
|
+
"onUpdate:modelValue": C[1] || (C[1] = (S) => i.value = S),
|
|
846
850
|
lock: u.value,
|
|
847
|
-
"onUpdate:lock": C[2] || (C[2] = (
|
|
851
|
+
"onUpdate:lock": C[2] || (C[2] = (S) => u.value = S),
|
|
848
852
|
scale: r.value,
|
|
849
|
-
"onUpdate:scale": C[3] || (C[3] = (
|
|
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 },
|
|
877
|
+
return u.value?.forEach(({ title: h }, V) => {
|
|
874
878
|
C.push({
|
|
875
879
|
title: n(h),
|
|
876
|
-
value:
|
|
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
|
|
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(
|
|
910
|
+
j(b(V, {
|
|
907
911
|
modelValue: r.value,
|
|
908
912
|
"onUpdate:modelValue": [
|
|
909
|
-
h[0] || (h[0] = (
|
|
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
|
-
|
|
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] = (
|
|
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
|
-
|
|
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((
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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(
|
|
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 =
|
|
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 =
|
|
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
|
|
1719
|
+
const V = a.groups[d][h], D = _e(l, V.key);
|
|
1716
1720
|
c.push({
|
|
1717
|
-
id:
|
|
1721
|
+
id: V.key,
|
|
1718
1722
|
type: 0,
|
|
1719
|
-
name: e.global.t(
|
|
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
|
|
1726
|
-
const
|
|
1727
|
-
if (
|
|
1728
|
-
for (const O of
|
|
1729
|
-
const Q = Re("elementSlot",
|
|
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:
|
|
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:
|
|
1742
|
-
const x = l.value.find((
|
|
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:
|
|
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
|
|
1754
|
-
if (
|
|
1755
|
-
for (const D of
|
|
1756
|
-
const x = Re("customSlot", h.id, D.id),
|
|
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:
|
|
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
|
|
1842
|
-
Rt(
|
|
1845
|
+
const V = T(l.object);
|
|
1846
|
+
Rt(V), oe(
|
|
1843
1847
|
() => l.object,
|
|
1844
1848
|
() => {
|
|
1845
|
-
|
|
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:
|
|
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 =
|
|
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.
|
|
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.
|
|
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.
|
|
33
|
-
"x-state-lib": "^0.3.
|
|
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",
|