@uniformdev/canvas-vue 19.15.0 → 19.19.0
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.esm.js +25 -18
- package/dist/index.js +32 -25
- package/dist/index.mjs +25 -18
- package/package.json +5 -5
package/dist/index.esm.js
CHANGED
|
@@ -409,7 +409,7 @@ var ListItemRichTextNode = (props, context) => {
|
|
|
409
409
|
return h7(
|
|
410
410
|
"li",
|
|
411
411
|
{
|
|
412
|
-
value: Number.isFinite(value) && value > 0 ? value
|
|
412
|
+
value: Number.isFinite(value) && value > 0 ? value : void 0
|
|
413
413
|
},
|
|
414
414
|
context.slots
|
|
415
415
|
);
|
|
@@ -439,7 +439,7 @@ var ParagraphRichTextNode = (props, context) => {
|
|
|
439
439
|
|
|
440
440
|
// src/components/UniformRichText/nodes/QuoteRichTextNode.ts
|
|
441
441
|
import { h as h10 } from "vue-demi";
|
|
442
|
-
var QuoteRichTextNode = (
|
|
442
|
+
var QuoteRichTextNode = (_, context) => {
|
|
443
443
|
return h10("blockquote", {}, context.slots);
|
|
444
444
|
};
|
|
445
445
|
|
|
@@ -467,22 +467,28 @@ var TextRichTextNode = (props) => {
|
|
|
467
467
|
|
|
468
468
|
// src/components/UniformRichText/UniformRichText.ts
|
|
469
469
|
import { isRichTextNode as isRichTextNode2 } from "@uniformdev/richtext";
|
|
470
|
-
import { computed as computed4, defineComponent as defineComponent6, h as
|
|
470
|
+
import { computed as computed4, defineComponent as defineComponent6, h as h17 } from "vue-demi";
|
|
471
471
|
|
|
472
472
|
// src/components/UniformRichText/UniformRichTextNode.ts
|
|
473
473
|
import { isRichTextNode } from "@uniformdev/richtext";
|
|
474
|
-
import { defineComponent as defineComponent5, h as
|
|
474
|
+
import { defineComponent as defineComponent5, h as h16 } from "vue-demi";
|
|
475
475
|
|
|
476
|
-
// src/components/UniformRichText/nodes/
|
|
476
|
+
// src/components/UniformRichText/nodes/CodeRichTextNode.ts
|
|
477
477
|
import { h as h13 } from "vue-demi";
|
|
478
|
+
var CodeRichTextNode = (_, context) => {
|
|
479
|
+
return h13("pre", {}, h13("code", {}, context.slots));
|
|
480
|
+
};
|
|
481
|
+
|
|
482
|
+
// src/components/UniformRichText/nodes/LinebreakRichTextNode.ts
|
|
483
|
+
import { h as h14 } from "vue-demi";
|
|
478
484
|
var LinebreakRichTextNode = () => {
|
|
479
|
-
return
|
|
485
|
+
return h14("br", {});
|
|
480
486
|
};
|
|
481
487
|
|
|
482
488
|
// src/components/UniformRichText/nodes/TabRichTextNode.ts
|
|
483
|
-
import { h as
|
|
489
|
+
import { h as h15 } from "vue-demi";
|
|
484
490
|
var TabRichTextNode = () => {
|
|
485
|
-
return
|
|
491
|
+
return h15("", {}, " ");
|
|
486
492
|
};
|
|
487
493
|
|
|
488
494
|
// src/components/UniformRichText/UniformRichTextNode.ts
|
|
@@ -511,13 +517,13 @@ var UniformRichTextNode = defineComponent5({
|
|
|
511
517
|
return () => null;
|
|
512
518
|
}
|
|
513
519
|
const children = node.children ? node.children.map(
|
|
514
|
-
(childNode) =>
|
|
520
|
+
(childNode) => h16(
|
|
515
521
|
UniformRichTextNode,
|
|
516
522
|
{ node: childNode, resolveRichTextRenderer: props.resolveRichTextRenderer },
|
|
517
523
|
context.slots
|
|
518
524
|
)
|
|
519
525
|
) : [];
|
|
520
|
-
return () =>
|
|
526
|
+
return () => h16(NodeRenderer, { node, children: h16(() => children) }, () => children);
|
|
521
527
|
}
|
|
522
528
|
});
|
|
523
529
|
var rendererMap = /* @__PURE__ */ new Map([
|
|
@@ -528,6 +534,7 @@ var rendererMap = /* @__PURE__ */ new Map([
|
|
|
528
534
|
["listitem", ListItemRichTextNode],
|
|
529
535
|
["paragraph", ParagraphRichTextNode],
|
|
530
536
|
["quote", QuoteRichTextNode],
|
|
537
|
+
["code", CodeRichTextNode],
|
|
531
538
|
["root", RootRichTextNode],
|
|
532
539
|
["text", TextRichTextNode],
|
|
533
540
|
["tab", TabRichTextNode]
|
|
@@ -559,7 +566,7 @@ var UniformRichText = defineComponent6({
|
|
|
559
566
|
});
|
|
560
567
|
const root = (_a = value.value) == null ? void 0 : _a.root;
|
|
561
568
|
if (isRichTextNode2(root)) {
|
|
562
|
-
return () =>
|
|
569
|
+
return () => h17(
|
|
563
570
|
UniformRichTextNode,
|
|
564
571
|
{
|
|
565
572
|
node: root,
|
|
@@ -583,7 +590,7 @@ import {
|
|
|
583
590
|
mapSlotToTestVariations
|
|
584
591
|
} from "@uniformdev/canvas";
|
|
585
592
|
import { Personalize, Test } from "@uniformdev/context-vue";
|
|
586
|
-
import { computed as computed5, defineComponent as defineComponent7, h as
|
|
593
|
+
import { computed as computed5, defineComponent as defineComponent7, h as h18 } from "vue-demi";
|
|
587
594
|
|
|
588
595
|
// src/utils/convertComponentToProps.ts
|
|
589
596
|
function convertComponentToProps(component) {
|
|
@@ -654,7 +661,7 @@ function renderPersonalizeComponent(component, resolveRenderer) {
|
|
|
654
661
|
const parameters = component == null ? void 0 : component.parameters;
|
|
655
662
|
const processedVariants = mapSlotToPersonalizedVariations((_a = component.slots) == null ? void 0 : _a.pz);
|
|
656
663
|
const name = (_d = (_c = (_b = component.parameters) == null ? void 0 : _b.trackingEventName) == null ? void 0 : _c.value) != null ? _d : "Untitled Personalization";
|
|
657
|
-
return
|
|
664
|
+
return h18(Personalize, {
|
|
658
665
|
name,
|
|
659
666
|
// TODO: Fix the `as unknown`
|
|
660
667
|
component: (variant) => resolveRenderer(variant),
|
|
@@ -667,7 +674,7 @@ function renderTestComponent(component, resolveRenderer) {
|
|
|
667
674
|
const variants = (_b = (_a = component == null ? void 0 : component.slots) == null ? void 0 : _a.test) != null ? _b : [];
|
|
668
675
|
const testName = (_e = (_d = (_c = component == null ? void 0 : component.parameters) == null ? void 0 : _c.test) == null ? void 0 : _d.value) != null ? _e : "Untitled Test";
|
|
669
676
|
const finalVariants = mapSlotToTestVariations(variants);
|
|
670
|
-
return
|
|
677
|
+
return h18(Test, {
|
|
671
678
|
variations: finalVariants,
|
|
672
679
|
name: testName,
|
|
673
680
|
component: (variant) => resolveRenderer(variant)
|
|
@@ -721,13 +728,13 @@ function renderComponent({
|
|
|
721
728
|
const resolvedComponent = resolveRenderer == null ? void 0 : resolveRenderer(component);
|
|
722
729
|
if (resolvedComponent) {
|
|
723
730
|
const props = convertComponentToProps(component);
|
|
724
|
-
return
|
|
731
|
+
return h18(
|
|
725
732
|
UniformComponent,
|
|
726
733
|
{ data: component, resolveRenderer },
|
|
727
|
-
() =>
|
|
734
|
+
() => h18(
|
|
728
735
|
ContextualEditingComponentWrapper,
|
|
729
736
|
{ component, parentComponent, slotName, indexInSlot, slotChildrenCount },
|
|
730
|
-
{ default: () =>
|
|
737
|
+
{ default: () => h18(resolvedComponent, props), emptyPlaceholder }
|
|
731
738
|
)
|
|
732
739
|
);
|
|
733
740
|
}
|
|
@@ -735,7 +742,7 @@ function renderComponent({
|
|
|
735
742
|
`[canvas] found component of type '${component.type}' which the 'resolveRenderer' prop returned no component for. Nothing will be rendered. The resolveRenderer function may need to be extended to handle the new type.`,
|
|
736
743
|
component
|
|
737
744
|
);
|
|
738
|
-
return
|
|
745
|
+
return h18("");
|
|
739
746
|
}
|
|
740
747
|
|
|
741
748
|
// src/composables/useCompositionEventEffect.ts
|
package/dist/index.js
CHANGED
|
@@ -427,7 +427,7 @@ var ListItemRichTextNode = (props, context) => {
|
|
|
427
427
|
return (0, import_vue_demi8.h)(
|
|
428
428
|
"li",
|
|
429
429
|
{
|
|
430
|
-
value: Number.isFinite(value) && value > 0 ? value
|
|
430
|
+
value: Number.isFinite(value) && value > 0 ? value : void 0
|
|
431
431
|
},
|
|
432
432
|
context.slots
|
|
433
433
|
);
|
|
@@ -457,7 +457,7 @@ var ParagraphRichTextNode = (props, context) => {
|
|
|
457
457
|
|
|
458
458
|
// src/components/UniformRichText/nodes/QuoteRichTextNode.ts
|
|
459
459
|
var import_vue_demi11 = require("vue-demi");
|
|
460
|
-
var QuoteRichTextNode = (
|
|
460
|
+
var QuoteRichTextNode = (_, context) => {
|
|
461
461
|
return (0, import_vue_demi11.h)("blockquote", {}, context.slots);
|
|
462
462
|
};
|
|
463
463
|
|
|
@@ -485,26 +485,32 @@ var TextRichTextNode = (props) => {
|
|
|
485
485
|
|
|
486
486
|
// src/components/UniformRichText/UniformRichText.ts
|
|
487
487
|
var import_richtext5 = require("@uniformdev/richtext");
|
|
488
|
-
var
|
|
488
|
+
var import_vue_demi18 = require("vue-demi");
|
|
489
489
|
|
|
490
490
|
// src/components/UniformRichText/UniformRichTextNode.ts
|
|
491
491
|
var import_richtext4 = require("@uniformdev/richtext");
|
|
492
|
-
var
|
|
492
|
+
var import_vue_demi17 = require("vue-demi");
|
|
493
493
|
|
|
494
|
-
// src/components/UniformRichText/nodes/
|
|
494
|
+
// src/components/UniformRichText/nodes/CodeRichTextNode.ts
|
|
495
495
|
var import_vue_demi14 = require("vue-demi");
|
|
496
|
+
var CodeRichTextNode = (_, context) => {
|
|
497
|
+
return (0, import_vue_demi14.h)("pre", {}, (0, import_vue_demi14.h)("code", {}, context.slots));
|
|
498
|
+
};
|
|
499
|
+
|
|
500
|
+
// src/components/UniformRichText/nodes/LinebreakRichTextNode.ts
|
|
501
|
+
var import_vue_demi15 = require("vue-demi");
|
|
496
502
|
var LinebreakRichTextNode = () => {
|
|
497
|
-
return (0,
|
|
503
|
+
return (0, import_vue_demi15.h)("br", {});
|
|
498
504
|
};
|
|
499
505
|
|
|
500
506
|
// src/components/UniformRichText/nodes/TabRichTextNode.ts
|
|
501
|
-
var
|
|
507
|
+
var import_vue_demi16 = require("vue-demi");
|
|
502
508
|
var TabRichTextNode = () => {
|
|
503
|
-
return (0,
|
|
509
|
+
return (0, import_vue_demi16.h)("", {}, " ");
|
|
504
510
|
};
|
|
505
511
|
|
|
506
512
|
// src/components/UniformRichText/UniformRichTextNode.ts
|
|
507
|
-
var UniformRichTextNode = (0,
|
|
513
|
+
var UniformRichTextNode = (0, import_vue_demi17.defineComponent)({
|
|
508
514
|
name: "UniformRichTextNode",
|
|
509
515
|
props: {
|
|
510
516
|
node: {
|
|
@@ -529,13 +535,13 @@ var UniformRichTextNode = (0, import_vue_demi16.defineComponent)({
|
|
|
529
535
|
return () => null;
|
|
530
536
|
}
|
|
531
537
|
const children = node.children ? node.children.map(
|
|
532
|
-
(childNode) => (0,
|
|
538
|
+
(childNode) => (0, import_vue_demi17.h)(
|
|
533
539
|
UniformRichTextNode,
|
|
534
540
|
{ node: childNode, resolveRichTextRenderer: props.resolveRichTextRenderer },
|
|
535
541
|
context.slots
|
|
536
542
|
)
|
|
537
543
|
) : [];
|
|
538
|
-
return () => (0,
|
|
544
|
+
return () => (0, import_vue_demi17.h)(NodeRenderer, { node, children: (0, import_vue_demi17.h)(() => children) }, () => children);
|
|
539
545
|
}
|
|
540
546
|
});
|
|
541
547
|
var rendererMap = /* @__PURE__ */ new Map([
|
|
@@ -546,6 +552,7 @@ var rendererMap = /* @__PURE__ */ new Map([
|
|
|
546
552
|
["listitem", ListItemRichTextNode],
|
|
547
553
|
["paragraph", ParagraphRichTextNode],
|
|
548
554
|
["quote", QuoteRichTextNode],
|
|
555
|
+
["code", CodeRichTextNode],
|
|
549
556
|
["root", RootRichTextNode],
|
|
550
557
|
["text", TextRichTextNode],
|
|
551
558
|
["tab", TabRichTextNode]
|
|
@@ -555,7 +562,7 @@ var resolveRichTextDefaultRenderer = (node) => {
|
|
|
555
562
|
};
|
|
556
563
|
|
|
557
564
|
// src/components/UniformRichText/UniformRichText.ts
|
|
558
|
-
var UniformRichText = (0,
|
|
565
|
+
var UniformRichText = (0, import_vue_demi18.defineComponent)({
|
|
559
566
|
name: "UniformRichText",
|
|
560
567
|
props: {
|
|
561
568
|
parameterId: {
|
|
@@ -570,14 +577,14 @@ var UniformRichText = (0, import_vue_demi17.defineComponent)({
|
|
|
570
577
|
setup(props, context) {
|
|
571
578
|
var _a;
|
|
572
579
|
const { data: componentData } = useUniformCurrentComponent();
|
|
573
|
-
const value = (0,
|
|
580
|
+
const value = (0, import_vue_demi18.computed)(() => {
|
|
574
581
|
var _a2;
|
|
575
582
|
const parameter = (_a2 = componentData == null ? void 0 : componentData.parameters) == null ? void 0 : _a2[props.parameterId];
|
|
576
583
|
return parameter == null ? void 0 : parameter.value;
|
|
577
584
|
});
|
|
578
585
|
const root = (_a = value.value) == null ? void 0 : _a.root;
|
|
579
586
|
if ((0, import_richtext5.isRichTextNode)(root)) {
|
|
580
|
-
return () => (0,
|
|
587
|
+
return () => (0, import_vue_demi18.h)(
|
|
581
588
|
UniformRichTextNode,
|
|
582
589
|
{
|
|
583
590
|
node: root,
|
|
@@ -594,7 +601,7 @@ var UniformRichText = (0, import_vue_demi17.defineComponent)({
|
|
|
594
601
|
// src/components/UniformSlot.ts
|
|
595
602
|
var import_canvas5 = require("@uniformdev/canvas");
|
|
596
603
|
var import_context_vue2 = require("@uniformdev/context-vue");
|
|
597
|
-
var
|
|
604
|
+
var import_vue_demi19 = require("vue-demi");
|
|
598
605
|
|
|
599
606
|
// src/utils/convertComponentToProps.ts
|
|
600
607
|
function convertComponentToProps(component) {
|
|
@@ -619,7 +626,7 @@ function normalizePropName(name) {
|
|
|
619
626
|
}
|
|
620
627
|
|
|
621
628
|
// src/components/UniformSlot.ts
|
|
622
|
-
var UniformSlot = (0,
|
|
629
|
+
var UniformSlot = (0, import_vue_demi19.defineComponent)({
|
|
623
630
|
name: "UniformSlot",
|
|
624
631
|
inheritAttrs: false,
|
|
625
632
|
props: {
|
|
@@ -638,7 +645,7 @@ var UniformSlot = (0, import_vue_demi18.defineComponent)({
|
|
|
638
645
|
if (!parentData || !resolveRenderer) {
|
|
639
646
|
throw new Error("<UniformSlot /> can only be used inside a <UniformComposition />");
|
|
640
647
|
}
|
|
641
|
-
const slotItems = (0,
|
|
648
|
+
const slotItems = (0, import_vue_demi19.computed)(() => {
|
|
642
649
|
var _a2, _b, _c;
|
|
643
650
|
if (props.name) {
|
|
644
651
|
return (_b = (_a2 = parentData.slots) == null ? void 0 : _a2[props.name]) != null ? _b : [];
|
|
@@ -665,7 +672,7 @@ function renderPersonalizeComponent(component, resolveRenderer) {
|
|
|
665
672
|
const parameters = component == null ? void 0 : component.parameters;
|
|
666
673
|
const processedVariants = (0, import_canvas5.mapSlotToPersonalizedVariations)((_a = component.slots) == null ? void 0 : _a.pz);
|
|
667
674
|
const name = (_d = (_c = (_b = component.parameters) == null ? void 0 : _b.trackingEventName) == null ? void 0 : _c.value) != null ? _d : "Untitled Personalization";
|
|
668
|
-
return (0,
|
|
675
|
+
return (0, import_vue_demi19.h)(import_context_vue2.Personalize, {
|
|
669
676
|
name,
|
|
670
677
|
// TODO: Fix the `as unknown`
|
|
671
678
|
component: (variant) => resolveRenderer(variant),
|
|
@@ -678,7 +685,7 @@ function renderTestComponent(component, resolveRenderer) {
|
|
|
678
685
|
const variants = (_b = (_a = component == null ? void 0 : component.slots) == null ? void 0 : _a.test) != null ? _b : [];
|
|
679
686
|
const testName = (_e = (_d = (_c = component == null ? void 0 : component.parameters) == null ? void 0 : _c.test) == null ? void 0 : _d.value) != null ? _e : "Untitled Test";
|
|
680
687
|
const finalVariants = (0, import_canvas5.mapSlotToTestVariations)(variants);
|
|
681
|
-
return (0,
|
|
688
|
+
return (0, import_vue_demi19.h)(import_context_vue2.Test, {
|
|
682
689
|
variations: finalVariants,
|
|
683
690
|
name: testName,
|
|
684
691
|
component: (variant) => resolveRenderer(variant)
|
|
@@ -732,13 +739,13 @@ function renderComponent({
|
|
|
732
739
|
const resolvedComponent = resolveRenderer == null ? void 0 : resolveRenderer(component);
|
|
733
740
|
if (resolvedComponent) {
|
|
734
741
|
const props = convertComponentToProps(component);
|
|
735
|
-
return (0,
|
|
742
|
+
return (0, import_vue_demi19.h)(
|
|
736
743
|
UniformComponent,
|
|
737
744
|
{ data: component, resolveRenderer },
|
|
738
|
-
() => (0,
|
|
745
|
+
() => (0, import_vue_demi19.h)(
|
|
739
746
|
ContextualEditingComponentWrapper,
|
|
740
747
|
{ component, parentComponent, slotName, indexInSlot, slotChildrenCount },
|
|
741
|
-
{ default: () => (0,
|
|
748
|
+
{ default: () => (0, import_vue_demi19.h)(resolvedComponent, props), emptyPlaceholder }
|
|
742
749
|
)
|
|
743
750
|
);
|
|
744
751
|
}
|
|
@@ -746,12 +753,12 @@ function renderComponent({
|
|
|
746
753
|
`[canvas] found component of type '${component.type}' which the 'resolveRenderer' prop returned no component for. Nothing will be rendered. The resolveRenderer function may need to be extended to handle the new type.`,
|
|
747
754
|
component
|
|
748
755
|
);
|
|
749
|
-
return (0,
|
|
756
|
+
return (0, import_vue_demi19.h)("");
|
|
750
757
|
}
|
|
751
758
|
|
|
752
759
|
// src/composables/useCompositionEventEffect.ts
|
|
753
760
|
var import_canvas6 = require("@uniformdev/canvas");
|
|
754
|
-
var
|
|
761
|
+
var import_vue_demi20 = require("vue-demi");
|
|
755
762
|
async function useCompositionEventEffect({
|
|
756
763
|
enabled,
|
|
757
764
|
projectId,
|
|
@@ -759,7 +766,7 @@ async function useCompositionEventEffect({
|
|
|
759
766
|
effect
|
|
760
767
|
}) {
|
|
761
768
|
let unsubscribe;
|
|
762
|
-
(0,
|
|
769
|
+
(0, import_vue_demi20.watch)(
|
|
763
770
|
[() => enabled, () => compositionIdRef.value, () => projectId],
|
|
764
771
|
async () => {
|
|
765
772
|
unsubscribe == null ? void 0 : unsubscribe();
|
package/dist/index.mjs
CHANGED
|
@@ -409,7 +409,7 @@ var ListItemRichTextNode = (props, context) => {
|
|
|
409
409
|
return h7(
|
|
410
410
|
"li",
|
|
411
411
|
{
|
|
412
|
-
value: Number.isFinite(value) && value > 0 ? value
|
|
412
|
+
value: Number.isFinite(value) && value > 0 ? value : void 0
|
|
413
413
|
},
|
|
414
414
|
context.slots
|
|
415
415
|
);
|
|
@@ -439,7 +439,7 @@ var ParagraphRichTextNode = (props, context) => {
|
|
|
439
439
|
|
|
440
440
|
// src/components/UniformRichText/nodes/QuoteRichTextNode.ts
|
|
441
441
|
import { h as h10 } from "vue-demi";
|
|
442
|
-
var QuoteRichTextNode = (
|
|
442
|
+
var QuoteRichTextNode = (_, context) => {
|
|
443
443
|
return h10("blockquote", {}, context.slots);
|
|
444
444
|
};
|
|
445
445
|
|
|
@@ -467,22 +467,28 @@ var TextRichTextNode = (props) => {
|
|
|
467
467
|
|
|
468
468
|
// src/components/UniformRichText/UniformRichText.ts
|
|
469
469
|
import { isRichTextNode as isRichTextNode2 } from "@uniformdev/richtext";
|
|
470
|
-
import { computed as computed4, defineComponent as defineComponent6, h as
|
|
470
|
+
import { computed as computed4, defineComponent as defineComponent6, h as h17 } from "vue-demi";
|
|
471
471
|
|
|
472
472
|
// src/components/UniformRichText/UniformRichTextNode.ts
|
|
473
473
|
import { isRichTextNode } from "@uniformdev/richtext";
|
|
474
|
-
import { defineComponent as defineComponent5, h as
|
|
474
|
+
import { defineComponent as defineComponent5, h as h16 } from "vue-demi";
|
|
475
475
|
|
|
476
|
-
// src/components/UniformRichText/nodes/
|
|
476
|
+
// src/components/UniformRichText/nodes/CodeRichTextNode.ts
|
|
477
477
|
import { h as h13 } from "vue-demi";
|
|
478
|
+
var CodeRichTextNode = (_, context) => {
|
|
479
|
+
return h13("pre", {}, h13("code", {}, context.slots));
|
|
480
|
+
};
|
|
481
|
+
|
|
482
|
+
// src/components/UniformRichText/nodes/LinebreakRichTextNode.ts
|
|
483
|
+
import { h as h14 } from "vue-demi";
|
|
478
484
|
var LinebreakRichTextNode = () => {
|
|
479
|
-
return
|
|
485
|
+
return h14("br", {});
|
|
480
486
|
};
|
|
481
487
|
|
|
482
488
|
// src/components/UniformRichText/nodes/TabRichTextNode.ts
|
|
483
|
-
import { h as
|
|
489
|
+
import { h as h15 } from "vue-demi";
|
|
484
490
|
var TabRichTextNode = () => {
|
|
485
|
-
return
|
|
491
|
+
return h15("", {}, " ");
|
|
486
492
|
};
|
|
487
493
|
|
|
488
494
|
// src/components/UniformRichText/UniformRichTextNode.ts
|
|
@@ -511,13 +517,13 @@ var UniformRichTextNode = defineComponent5({
|
|
|
511
517
|
return () => null;
|
|
512
518
|
}
|
|
513
519
|
const children = node.children ? node.children.map(
|
|
514
|
-
(childNode) =>
|
|
520
|
+
(childNode) => h16(
|
|
515
521
|
UniformRichTextNode,
|
|
516
522
|
{ node: childNode, resolveRichTextRenderer: props.resolveRichTextRenderer },
|
|
517
523
|
context.slots
|
|
518
524
|
)
|
|
519
525
|
) : [];
|
|
520
|
-
return () =>
|
|
526
|
+
return () => h16(NodeRenderer, { node, children: h16(() => children) }, () => children);
|
|
521
527
|
}
|
|
522
528
|
});
|
|
523
529
|
var rendererMap = /* @__PURE__ */ new Map([
|
|
@@ -528,6 +534,7 @@ var rendererMap = /* @__PURE__ */ new Map([
|
|
|
528
534
|
["listitem", ListItemRichTextNode],
|
|
529
535
|
["paragraph", ParagraphRichTextNode],
|
|
530
536
|
["quote", QuoteRichTextNode],
|
|
537
|
+
["code", CodeRichTextNode],
|
|
531
538
|
["root", RootRichTextNode],
|
|
532
539
|
["text", TextRichTextNode],
|
|
533
540
|
["tab", TabRichTextNode]
|
|
@@ -559,7 +566,7 @@ var UniformRichText = defineComponent6({
|
|
|
559
566
|
});
|
|
560
567
|
const root = (_a = value.value) == null ? void 0 : _a.root;
|
|
561
568
|
if (isRichTextNode2(root)) {
|
|
562
|
-
return () =>
|
|
569
|
+
return () => h17(
|
|
563
570
|
UniformRichTextNode,
|
|
564
571
|
{
|
|
565
572
|
node: root,
|
|
@@ -583,7 +590,7 @@ import {
|
|
|
583
590
|
mapSlotToTestVariations
|
|
584
591
|
} from "@uniformdev/canvas";
|
|
585
592
|
import { Personalize, Test } from "@uniformdev/context-vue";
|
|
586
|
-
import { computed as computed5, defineComponent as defineComponent7, h as
|
|
593
|
+
import { computed as computed5, defineComponent as defineComponent7, h as h18 } from "vue-demi";
|
|
587
594
|
|
|
588
595
|
// src/utils/convertComponentToProps.ts
|
|
589
596
|
function convertComponentToProps(component) {
|
|
@@ -654,7 +661,7 @@ function renderPersonalizeComponent(component, resolveRenderer) {
|
|
|
654
661
|
const parameters = component == null ? void 0 : component.parameters;
|
|
655
662
|
const processedVariants = mapSlotToPersonalizedVariations((_a = component.slots) == null ? void 0 : _a.pz);
|
|
656
663
|
const name = (_d = (_c = (_b = component.parameters) == null ? void 0 : _b.trackingEventName) == null ? void 0 : _c.value) != null ? _d : "Untitled Personalization";
|
|
657
|
-
return
|
|
664
|
+
return h18(Personalize, {
|
|
658
665
|
name,
|
|
659
666
|
// TODO: Fix the `as unknown`
|
|
660
667
|
component: (variant) => resolveRenderer(variant),
|
|
@@ -667,7 +674,7 @@ function renderTestComponent(component, resolveRenderer) {
|
|
|
667
674
|
const variants = (_b = (_a = component == null ? void 0 : component.slots) == null ? void 0 : _a.test) != null ? _b : [];
|
|
668
675
|
const testName = (_e = (_d = (_c = component == null ? void 0 : component.parameters) == null ? void 0 : _c.test) == null ? void 0 : _d.value) != null ? _e : "Untitled Test";
|
|
669
676
|
const finalVariants = mapSlotToTestVariations(variants);
|
|
670
|
-
return
|
|
677
|
+
return h18(Test, {
|
|
671
678
|
variations: finalVariants,
|
|
672
679
|
name: testName,
|
|
673
680
|
component: (variant) => resolveRenderer(variant)
|
|
@@ -721,13 +728,13 @@ function renderComponent({
|
|
|
721
728
|
const resolvedComponent = resolveRenderer == null ? void 0 : resolveRenderer(component);
|
|
722
729
|
if (resolvedComponent) {
|
|
723
730
|
const props = convertComponentToProps(component);
|
|
724
|
-
return
|
|
731
|
+
return h18(
|
|
725
732
|
UniformComponent,
|
|
726
733
|
{ data: component, resolveRenderer },
|
|
727
|
-
() =>
|
|
734
|
+
() => h18(
|
|
728
735
|
ContextualEditingComponentWrapper,
|
|
729
736
|
{ component, parentComponent, slotName, indexInSlot, slotChildrenCount },
|
|
730
|
-
{ default: () =>
|
|
737
|
+
{ default: () => h18(resolvedComponent, props), emptyPlaceholder }
|
|
731
738
|
)
|
|
732
739
|
);
|
|
733
740
|
}
|
|
@@ -735,7 +742,7 @@ function renderComponent({
|
|
|
735
742
|
`[canvas] found component of type '${component.type}' which the 'resolveRenderer' prop returned no component for. Nothing will be rendered. The resolveRenderer function may need to be extended to handle the new type.`,
|
|
736
743
|
component
|
|
737
744
|
);
|
|
738
|
-
return
|
|
745
|
+
return h18("");
|
|
739
746
|
}
|
|
740
747
|
|
|
741
748
|
// src/composables/useCompositionEventEffect.ts
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/canvas-vue",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.19.0",
|
|
4
4
|
"description": "Vue SDK for Uniform Canvas",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -23,9 +23,9 @@
|
|
|
23
23
|
"document": "api-extractor run --local"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@uniformdev/canvas": "19.
|
|
27
|
-
"@uniformdev/context-vue": "19.
|
|
28
|
-
"@uniformdev/richtext": "19.
|
|
26
|
+
"@uniformdev/canvas": "19.19.0",
|
|
27
|
+
"@uniformdev/context-vue": "19.19.0",
|
|
28
|
+
"@uniformdev/richtext": "19.19.0",
|
|
29
29
|
"vue-demi": "^0.14.0"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
@@ -64,5 +64,5 @@
|
|
|
64
64
|
"last 2 versions",
|
|
65
65
|
"not dead"
|
|
66
66
|
],
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "631d1e21b1303220d80bea12611ea6c98d5fe354"
|
|
68
68
|
}
|