@uniformdev/canvas-vue 14.2.1-alpha.34 → 16.0.1-alpha.128
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/LICENSE.txt +2 -2
- package/dist/index.d.ts +27 -77
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +12 -12
package/LICENSE.txt
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
©
|
|
2
|
-
See details of Uniform Systems, Inc. Master Subscription Agreement here: https://uniform.dev/eula
|
|
1
|
+
© 2022 Uniform Systems, Inc. All Rights Reserved.
|
|
2
|
+
See details of Uniform Systems, Inc. Master Subscription Agreement here: https://uniform.dev/eula
|
package/dist/index.d.ts
CHANGED
|
@@ -1,51 +1,25 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import { ComponentInstance, ComponentParameter } from '@uniformdev/canvas';
|
|
4
|
-
import { ListPersonalizerArguments } from '@uniformdev/optimize-tracker-common';
|
|
1
|
+
import { Component } from 'vue-demi';
|
|
2
|
+
import { ComponentInstance } from '@uniformdev/canvas';
|
|
5
3
|
|
|
6
|
-
declare type PageMetaProps = {
|
|
7
|
-
id: string;
|
|
8
|
-
name: string;
|
|
9
|
-
slug: string;
|
|
10
|
-
};
|
|
11
|
-
declare type CompositionProps = {
|
|
12
|
-
composition: ComponentInstance;
|
|
13
|
-
pageMeta?: PageMetaProps;
|
|
14
|
-
wrapper?: string | Component;
|
|
15
|
-
};
|
|
16
|
-
declare type CompositionState = DefaultData<Vue>;
|
|
17
|
-
declare type Methods$2 = DefaultMethods<Vue>;
|
|
18
|
-
declare type Computed$2 = {
|
|
19
|
-
slots: Record<string, unknown> | Record<string, never>;
|
|
20
|
-
pageMetaData: {
|
|
21
|
-
id?: string | undefined;
|
|
22
|
-
name?: string | undefined;
|
|
23
|
-
slug?: string | undefined;
|
|
24
|
-
} | Record<string, never> | undefined;
|
|
25
|
-
parameters: Record<string, unknown> | Record<string, never>;
|
|
26
|
-
componentKey: string;
|
|
27
|
-
};
|
|
28
|
-
declare type VueSetupProps$2 = ThisTypedComponentOptionsWithRecordProps<Vue, CompositionState, Methods$2, Computed$2, CompositionProps>;
|
|
29
4
|
/**
|
|
30
5
|
* Generates a Composition Vue Component
|
|
31
6
|
* @vue-prop {Object} composition - A dynamic vue component that provides data to the Uniform Canvas SlotContent component via provide/inject
|
|
32
|
-
* @vue-prop {Object} pageMeta - Page meta data that takes and ID, name and slug as an object
|
|
33
|
-
* @vue-prop {String | Object} wrapper - defaults to 'div' but can be passed a HTML tag as string or a Vue component
|
|
34
7
|
* @vue-computed {Object} slots - returns Uniform Canvas slot data
|
|
35
8
|
* @vue-computed {Object | undefined} pageMetaData - returns undefined or an object of keys / values (id, name, slug)
|
|
36
9
|
* @vue-computed {Object} parameters - returns and empty object or a object of parameters
|
|
37
|
-
* @vue-computed {String} componentKey - returns a generated unique key value
|
|
38
10
|
*/
|
|
39
|
-
declare const Composition:
|
|
11
|
+
declare const Composition: Component;
|
|
40
12
|
|
|
41
|
-
declare type
|
|
42
|
-
|
|
13
|
+
declare type SlotComponentProps = {
|
|
14
|
+
slotName?: string;
|
|
43
15
|
};
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
declare const
|
|
16
|
+
/**
|
|
17
|
+
* Generates a SlotContent Vue Component
|
|
18
|
+
* @vue-prop {String} slotName - name of the Uniform Canvas slot you wish to scope to
|
|
19
|
+
*/
|
|
20
|
+
declare const SlotContent: Component;
|
|
21
|
+
|
|
22
|
+
declare const DefaultNotImplementedComponent: Component;
|
|
49
23
|
|
|
50
24
|
declare type MapComponentNameProps = {
|
|
51
25
|
name: string;
|
|
@@ -53,46 +27,14 @@ declare type MapComponentNameProps = {
|
|
|
53
27
|
};
|
|
54
28
|
declare type SlotDataProps = Record<string, any>;
|
|
55
29
|
declare type MapSlotDataResolve = Array<MapComponentNameProps>;
|
|
56
|
-
declare type PersonalizeComponetProps = {
|
|
57
|
-
uniformData: {
|
|
58
|
-
parameters?: {
|
|
59
|
-
trackingEventName?: ComponentParameter<string>;
|
|
60
|
-
count?: ComponentParameter<string | number>;
|
|
61
|
-
matchFilter?: ComponentParameter<ListPersonalizerArguments<any>['matchFilter']>;
|
|
62
|
-
};
|
|
63
|
-
slots?: Record<string, ComponentInstance[]>;
|
|
64
|
-
};
|
|
65
|
-
};
|
|
66
|
-
declare type TestComponentProps = {
|
|
67
|
-
uniformData: {
|
|
68
|
-
slots?: {
|
|
69
|
-
test?: ComponentInstance[];
|
|
70
|
-
};
|
|
71
|
-
parameters?: {
|
|
72
|
-
test?: ComponentParameter<string | undefined>;
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
|
-
};
|
|
76
|
-
|
|
77
|
-
declare type SlotComponentProps = {
|
|
78
|
-
uniformData?: Record<string, unknown>;
|
|
79
|
-
slotName?: string;
|
|
80
|
-
wrapper?: string | Component;
|
|
81
|
-
};
|
|
82
|
-
declare type SlotComponentState = DefaultData<Vue>;
|
|
83
|
-
declare type Methods = DefaultMethods<Vue>;
|
|
84
|
-
declare type Computed = {
|
|
85
|
-
slotItems: Array<MapComponentNameProps>;
|
|
86
|
-
};
|
|
87
30
|
/**
|
|
88
|
-
*
|
|
89
|
-
*
|
|
90
|
-
*
|
|
91
|
-
* @vue-prop {String | Object} wrapper - defaults to 'div' but can be passed a HTML tag as string or a Vue component
|
|
92
|
-
* @vue-computed {Array} slotItems - returns an array of objects with keys "name: String, components: Array<>"
|
|
31
|
+
* Props passed to a Canvas component implementation.
|
|
32
|
+
* TProps is the Canvas component's parameters object after
|
|
33
|
+
* all enhancers have been applied.
|
|
93
34
|
*/
|
|
94
|
-
declare type
|
|
95
|
-
|
|
35
|
+
declare type ComponentProps<TProps = unknown> = TProps & {
|
|
36
|
+
component: ComponentInstance;
|
|
37
|
+
};
|
|
96
38
|
|
|
97
39
|
/**
|
|
98
40
|
* Finds the data for the provide slot name
|
|
@@ -125,9 +67,17 @@ declare const mapTestSlotToVariants: (slotData: MapComponentNameProps) => {
|
|
|
125
67
|
component: string;
|
|
126
68
|
}[];
|
|
127
69
|
|
|
70
|
+
/**
|
|
71
|
+
* Converts a raw Canvas component instance to React component props format.
|
|
72
|
+
* This merges each parameter moved to the root object and removes the 'value' node,
|
|
73
|
+
* hugely simplifying rendering code. For example if the raw object has parameters.foo.value,
|
|
74
|
+
* then the final props have props.foo === raw.parameters.foo.value.
|
|
75
|
+
*/
|
|
76
|
+
declare function convertComponentToProps<T = unknown>(component: ComponentInstance): ComponentProps<T>;
|
|
77
|
+
|
|
128
78
|
/** Public ID of Canvas composition component type */
|
|
129
79
|
declare const CANVAS_COMPOSITION_TYPE = "Composition";
|
|
130
80
|
/** Public ID of Canvas slot component component type */
|
|
131
81
|
declare const CANVAS_SLOT_CONTENT_TYPE = "SlotContent";
|
|
132
82
|
|
|
133
|
-
export { CANVAS_COMPOSITION_TYPE, CANVAS_SLOT_CONTENT_TYPE, Composition, DefaultNotImplementedComponent, MapComponentNameProps, MapSlotDataResolve,
|
|
83
|
+
export { CANVAS_COMPOSITION_TYPE, CANVAS_SLOT_CONTENT_TYPE, ComponentProps, Composition, DefaultNotImplementedComponent, MapComponentNameProps, MapSlotDataResolve, SlotComponentProps, SlotContent, SlotDataProps, convertComponentToProps, getDataForSlot, mapPzSlotToVariants, mapSlotsData, mapTestSlotToVariants };
|
package/dist/index.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{defineComponent as h,computed as S,h as k,provide as N,resolveComponent as V}from"vue-demi";var T="Composition",v="SlotContent";import{CANVAS_ENRICHMENT_TAG_PARAM as E}from"@uniformdev/canvas";import{Track as O,TrackSlot as M,useUniformContext as $,uniformContextStoreProps as z}from"@uniformdev/context-vue";var y=h({name:T,inheritAttrs:!1,props:{composition:{type:Object,required:!0},resolveRenderer:{type:Function,default:V},behaviorTracking:{type:String,default:"onView"}},setup(o,p){var n,i;N("$__uniformData__",o.composition.slots),N("$__uniformResolveRenderer__",o.resolveRenderer);let e=S(()=>{var t,r;return(r=(t=o.composition)==null?void 0:t.slots)!=null?r:{}}),s=S(()=>{var t,r;return(r=(t=o.composition)==null?void 0:t.parameters)!=null?r:{}}),l=$(z)!==void 0,a=(i=(n=o.composition.parameters)==null?void 0:n[E])==null?void 0:i.value,m=o.behaviorTracking==="onLoad"?M:O;return l?()=>{var t,r;return k(m,{behavior:a},(r=(t=p.slots).default)==null?void 0:r.call(t,{slots:e.value,parameters:s.value}))}:()=>{var t,r;return(r=(t=p.slots).default)==null?void 0:r.call(t,{slots:e.value,parameters:s.value})}}});import{defineComponent as j,computed as L,h as u,inject as R}from"vue-demi";import{CANVAS_PERSONALIZE_TYPE as D,CANVAS_TEST_TYPE as I,mapSlotToPersonalizedVariations as Y}from"@uniformdev/canvas";import{Personalize as q,Test as F}from"@uniformdev/context-vue";import{pascalCase as g}from"pascal-case";var _=(o,p)=>o.find(e=>e.name===p),x=o=>{let p=[];for(let e in o)p.push({name:e,components:o[e]});return p},no=o=>{let p=e=>(delete e.parameters.intentTag,e);return o.components.map(e=>{var s;return{component:g(e.type),intentTag:((s=e.parameters.intentTag)==null?void 0:s.value)||{intents:{}},...p(e)}})},ro=o=>{let p=e=>e;return o.components.map(e=>({component:g(e.type),...p(e)}))};function P(o){var l;let p=(l=o.parameters)!=null?l:{};return{...Object.entries(p).reduce((a,[m,{value:n}])=>({...a,[w(m)]:n}),{}),...o.data,component:o}}function w(o){return o.replace("$","")}function U(o){if(typeof(o==null?void 0:o.value)=="string")return o.value}function A(o,p,e){var a,m,n;let s=o==null?void 0:o.parameters,l=Y((a=o.slots)==null?void 0:a.pz);return u(q,{name:e,component:i=>{let t=P(i),r=u(p(i.type),t);return u(y,{composition:t.component},r)},variations:l,count:Number((n=(m=s==null?void 0:s.count)==null?void 0:m.value)!=null?n:1),key:e})}function b(o,p){var a,m,n,i;let e=(m=(a=o==null?void 0:o.slots)==null?void 0:a.test)!=null?m:[],s=((i=(n=o==null?void 0:o.parameters)==null?void 0:n.test)==null?void 0:i.value)||"Untitled Test",l=e.map((t,r)=>{var c,d;return{...t,id:(d=U((c=t.parameters)==null?void 0:c.testId))!=null?d:`variation-${r+1}-${t.type}`}});return u(F,{variations:l,name:s,key:p},{default:({variant:t})=>{let r=P(t);return u(t.type,r)}})}var G=j({name:v,inheritAttrs:!1,props:{slotName:{type:String,required:!0}},setup(o,p){let e=R("$__uniformData__"),s=R("$__uniformResolveRenderer__"),l=L(()=>x(e));if(o.slotName){let a=_(l.value,o.slotName);return()=>{var m;return(m=a==null?void 0:a.components.map((n,i)=>{let t=P(n),r=n.type,c=`${r}-${i}`,d=s(r),f=u(d,{...t,...p.attrs,key:c});return n.type===I&&(f=b(n,c)),n.type===D&&(f=A(n,s,c)),u(y,{composition:t.component},f)}))!=null?m:[]}}return()=>l.value.map((a,m)=>a==null?void 0:a.components.map((n,i)=>{let t=P(n),r=n.type,c=`${r}-${i}`,d=s(r),f=u(d,{...t,...p.attrs,key:c});return n.type===I&&(f=b(n,c)),n.type===D&&(f=A(n,s,c)),u(y,{composition:t.component},f)}))}});import{defineComponent as H,h as C}from"vue-demi";var J={borderLeft:"10px solid #e42535",background:"rgba(122, 215, 218, 0.3)",color:"#1d3557",padding:"1rem",textAlign:"left",margin:"1rem 5vw"},X={margin:"0 0 1rem"},Z=H({name:"DefaultNotImplementedComponent",props:{component:{type:Object,required:!0}},setup(o,{attrs:p}){var s;let e=(s=o.component)==null?void 0:s.type;return()=>C("div",{key:"content",style:{...J}},[C("h2",{style:{...X}},`Component: ${e}`),C("p",[C("strong",`${e} has no Vue implementation. It may need to be added to your `),C("code",{},"resolveRenderer()"),C("strong",{}," function.")]),C("details",{},[C("summary",{},"props/attributes"),C("pre",{style:{overflowX:"auto"}},`${JSON.stringify(p)}`)])])}});export{T as CANVAS_COMPOSITION_TYPE,v as CANVAS_SLOT_CONTENT_TYPE,y as Composition,Z as DefaultNotImplementedComponent,G as SlotContent,P as convertComponentToProps,_ as getDataForSlot,no as mapPzSlotToVariants,x as mapSlotsData,ro as mapTestSlotToVariants};
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var
|
|
1
|
+
var g=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var $=(o,t)=>{for(var e in t)g(o,e,{get:t[e],enumerable:!0})},z=(o,t,e,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of O(t))!M.call(o,a)&&a!==e&&g(o,a,{get:()=>t[a],enumerable:!(p=E(t,a))||p.enumerable});return o};var w=o=>z(g({},"__esModule",{value:!0}),o);var G={};$(G,{CANVAS_COMPOSITION_TYPE:()=>_,CANVAS_SLOT_CONTENT_TYPE:()=>x,Composition:()=>S,DefaultNotImplementedComponent:()=>V,SlotContent:()=>k,convertComponentToProps:()=>T,getDataForSlot:()=>D,mapPzSlotToVariants:()=>j,mapSlotsData:()=>I,mapTestSlotToVariants:()=>L});module.exports=w(G);var u=require("vue-demi");var _="Composition",x="SlotContent";var A=require("@uniformdev/canvas"),d=require("@uniformdev/context-vue"),S=(0,u.defineComponent)({name:_,inheritAttrs:!1,props:{composition:{type:Object,required:!0},resolveRenderer:{type:Function,default:u.resolveComponent},behaviorTracking:{type:String,default:"onView"}},setup(o,t){var r,c;(0,u.provide)("$__uniformData__",o.composition.slots),(0,u.provide)("$__uniformResolveRenderer__",o.resolveRenderer);let e=(0,u.computed)(()=>{var n,s;return(s=(n=o.composition)==null?void 0:n.slots)!=null?s:{}}),p=(0,u.computed)(()=>{var n,s;return(s=(n=o.composition)==null?void 0:n.parameters)!=null?s:{}}),a=(0,d.useUniformContext)(d.uniformContextStoreProps)!==void 0,m=(c=(r=o.composition.parameters)==null?void 0:r[A.CANVAS_ENRICHMENT_TAG_PARAM])==null?void 0:c.value,l=o.behaviorTracking==="onLoad"?d.TrackSlot:d.Track;return a?()=>{var n,s;return(0,u.h)(l,{behavior:m},(s=(n=t.slots).default)==null?void 0:s.call(n,{slots:e.value,parameters:p.value}))}:()=>{var n,s;return(s=(n=t.slots).default)==null?void 0:s.call(n,{slots:e.value,parameters:p.value})}}});var i=require("vue-demi"),P=require("@uniformdev/canvas"),N=require("@uniformdev/context-vue");var R=require("pascal-case"),D=(o,t)=>o.find(e=>e.name===t),I=o=>{let t=[];for(let e in o)t.push({name:e,components:o[e]});return t},j=o=>{let t=e=>(delete e.parameters.intentTag,e);return o.components.map(e=>{var p;return{component:(0,R.pascalCase)(e.type),intentTag:((p=e.parameters.intentTag)==null?void 0:p.value)||{intents:{}},...t(e)}})},L=o=>{let t=e=>e;return o.components.map(e=>({component:(0,R.pascalCase)(e.type),...t(e)}))};function T(o){var a;let t=(a=o.parameters)!=null?a:{};return{...Object.entries(t).reduce((m,[l,{value:r}])=>({...m,[Y(l)]:r}),{}),...o.data,component:o}}function Y(o){return o.replace("$","")}function q(o){if(typeof(o==null?void 0:o.value)=="string")return o.value}function b(o,t,e){var m,l,r;let p=o==null?void 0:o.parameters,a=(0,P.mapSlotToPersonalizedVariations)((m=o.slots)==null?void 0:m.pz);return(0,i.h)(N.Personalize,{name:e,component:c=>{let n=T(c),s=(0,i.h)(t(c.type),n);return(0,i.h)(S,{composition:n.component},s)},variations:a,count:Number((r=(l=p==null?void 0:p.count)==null?void 0:l.value)!=null?r:1),key:e})}function h(o,t){var m,l,r,c;let e=(l=(m=o==null?void 0:o.slots)==null?void 0:m.test)!=null?l:[],p=((c=(r=o==null?void 0:o.parameters)==null?void 0:r.test)==null?void 0:c.value)||"Untitled Test",a=e.map((n,s)=>{var f,v;return{...n,id:(v=q((f=n.parameters)==null?void 0:f.testId))!=null?v:`variation-${s+1}-${n.type}`}});return(0,i.h)(N.Test,{variations:a,name:p,key:t},{default:({variant:n})=>{let s=T(n);return(0,i.h)(n.type,s)}})}var k=(0,i.defineComponent)({name:x,inheritAttrs:!1,props:{slotName:{type:String,required:!0}},setup(o,t){let e=(0,i.inject)("$__uniformData__"),p=(0,i.inject)("$__uniformResolveRenderer__"),a=(0,i.computed)(()=>I(e));if(o.slotName){let m=D(a.value,o.slotName);return()=>{var l;return(l=m==null?void 0:m.components.map((r,c)=>{let n=T(r),s=r.type,f=`${s}-${c}`,v=p(s),y=(0,i.h)(v,{...n,...t.attrs,key:f});return r.type===P.CANVAS_TEST_TYPE&&(y=h(r,f)),r.type===P.CANVAS_PERSONALIZE_TYPE&&(y=b(r,p,f)),(0,i.h)(S,{composition:n.component},y)}))!=null?l:[]}}return()=>a.value.map((m,l)=>m==null?void 0:m.components.map((r,c)=>{let n=T(r),s=r.type,f=`${s}-${c}`,v=p(s),y=(0,i.h)(v,{...n,...t.attrs,key:f});return r.type===P.CANVAS_TEST_TYPE&&(y=h(r,f)),r.type===P.CANVAS_PERSONALIZE_TYPE&&(y=b(r,p,f)),(0,i.h)(S,{composition:n.component},y)}))}});var C=require("vue-demi"),F={borderLeft:"10px solid #e42535",background:"rgba(122, 215, 218, 0.3)",color:"#1d3557",padding:"1rem",textAlign:"left",margin:"1rem 5vw"},U={margin:"0 0 1rem"},V=(0,C.defineComponent)({name:"DefaultNotImplementedComponent",props:{component:{type:Object,required:!0}},setup(o,{attrs:t}){var p;let e=(p=o.component)==null?void 0:p.type;return()=>(0,C.h)("div",{key:"content",style:{...F}},[(0,C.h)("h2",{style:{...U}},`Component: ${e}`),(0,C.h)("p",[(0,C.h)("strong",`${e} has no Vue implementation. It may need to be added to your `),(0,C.h)("code",{},"resolveRenderer()"),(0,C.h)("strong",{}," function.")]),(0,C.h)("details",{},[(0,C.h)("summary",{},"props/attributes"),(0,C.h)("pre",{style:{overflowX:"auto"}},`${JSON.stringify(t)}`)])])}});0&&(module.exports={CANVAS_COMPOSITION_TYPE,CANVAS_SLOT_CONTENT_TYPE,Composition,DefaultNotImplementedComponent,SlotContent,convertComponentToProps,getDataForSlot,mapPzSlotToVariants,mapSlotsData,mapTestSlotToVariants});
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{defineComponent as h,computed as S,h as k,provide as N,resolveComponent as V}from"vue-demi";var T="Composition",v="SlotContent";import{CANVAS_ENRICHMENT_TAG_PARAM as E}from"@uniformdev/canvas";import{Track as O,TrackSlot as M,useUniformContext as $,uniformContextStoreProps as z}from"@uniformdev/context-vue";var y=h({name:T,inheritAttrs:!1,props:{composition:{type:Object,required:!0},resolveRenderer:{type:Function,default:V},behaviorTracking:{type:String,default:"onView"}},setup(o,p){var n,i;N("$__uniformData__",o.composition.slots),N("$__uniformResolveRenderer__",o.resolveRenderer);let e=S(()=>{var t,r;return(r=(t=o.composition)==null?void 0:t.slots)!=null?r:{}}),s=S(()=>{var t,r;return(r=(t=o.composition)==null?void 0:t.parameters)!=null?r:{}}),l=$(z)!==void 0,a=(i=(n=o.composition.parameters)==null?void 0:n[E])==null?void 0:i.value,m=o.behaviorTracking==="onLoad"?M:O;return l?()=>{var t,r;return k(m,{behavior:a},(r=(t=p.slots).default)==null?void 0:r.call(t,{slots:e.value,parameters:s.value}))}:()=>{var t,r;return(r=(t=p.slots).default)==null?void 0:r.call(t,{slots:e.value,parameters:s.value})}}});import{defineComponent as j,computed as L,h as u,inject as R}from"vue-demi";import{CANVAS_PERSONALIZE_TYPE as D,CANVAS_TEST_TYPE as I,mapSlotToPersonalizedVariations as Y}from"@uniformdev/canvas";import{Personalize as q,Test as F}from"@uniformdev/context-vue";import{pascalCase as g}from"pascal-case";var _=(o,p)=>o.find(e=>e.name===p),x=o=>{let p=[];for(let e in o)p.push({name:e,components:o[e]});return p},no=o=>{let p=e=>(delete e.parameters.intentTag,e);return o.components.map(e=>{var s;return{component:g(e.type),intentTag:((s=e.parameters.intentTag)==null?void 0:s.value)||{intents:{}},...p(e)}})},ro=o=>{let p=e=>e;return o.components.map(e=>({component:g(e.type),...p(e)}))};function P(o){var l;let p=(l=o.parameters)!=null?l:{};return{...Object.entries(p).reduce((a,[m,{value:n}])=>({...a,[w(m)]:n}),{}),...o.data,component:o}}function w(o){return o.replace("$","")}function U(o){if(typeof(o==null?void 0:o.value)=="string")return o.value}function A(o,p,e){var a,m,n;let s=o==null?void 0:o.parameters,l=Y((a=o.slots)==null?void 0:a.pz);return u(q,{name:e,component:i=>{let t=P(i),r=u(p(i.type),t);return u(y,{composition:t.component},r)},variations:l,count:Number((n=(m=s==null?void 0:s.count)==null?void 0:m.value)!=null?n:1),key:e})}function b(o,p){var a,m,n,i;let e=(m=(a=o==null?void 0:o.slots)==null?void 0:a.test)!=null?m:[],s=((i=(n=o==null?void 0:o.parameters)==null?void 0:n.test)==null?void 0:i.value)||"Untitled Test",l=e.map((t,r)=>{var c,d;return{...t,id:(d=U((c=t.parameters)==null?void 0:c.testId))!=null?d:`variation-${r+1}-${t.type}`}});return u(F,{variations:l,name:s,key:p},{default:({variant:t})=>{let r=P(t);return u(t.type,r)}})}var G=j({name:v,inheritAttrs:!1,props:{slotName:{type:String,required:!0}},setup(o,p){let e=R("$__uniformData__"),s=R("$__uniformResolveRenderer__"),l=L(()=>x(e));if(o.slotName){let a=_(l.value,o.slotName);return()=>{var m;return(m=a==null?void 0:a.components.map((n,i)=>{let t=P(n),r=n.type,c=`${r}-${i}`,d=s(r),f=u(d,{...t,...p.attrs,key:c});return n.type===I&&(f=b(n,c)),n.type===D&&(f=A(n,s,c)),u(y,{composition:t.component},f)}))!=null?m:[]}}return()=>l.value.map((a,m)=>a==null?void 0:a.components.map((n,i)=>{let t=P(n),r=n.type,c=`${r}-${i}`,d=s(r),f=u(d,{...t,...p.attrs,key:c});return n.type===I&&(f=b(n,c)),n.type===D&&(f=A(n,s,c)),u(y,{composition:t.component},f)}))}});import{defineComponent as H,h as C}from"vue-demi";var J={borderLeft:"10px solid #e42535",background:"rgba(122, 215, 218, 0.3)",color:"#1d3557",padding:"1rem",textAlign:"left",margin:"1rem 5vw"},X={margin:"0 0 1rem"},Z=H({name:"DefaultNotImplementedComponent",props:{component:{type:Object,required:!0}},setup(o,{attrs:p}){var s;let e=(s=o.component)==null?void 0:s.type;return()=>C("div",{key:"content",style:{...J}},[C("h2",{style:{...X}},`Component: ${e}`),C("p",[C("strong",`${e} has no Vue implementation. It may need to be added to your `),C("code",{},"resolveRenderer()"),C("strong",{}," function.")]),C("details",{},[C("summary",{},"props/attributes"),C("pre",{style:{overflowX:"auto"}},`${JSON.stringify(p)}`)])])}});export{T as CANVAS_COMPOSITION_TYPE,v as CANVAS_SLOT_CONTENT_TYPE,y as Composition,Z as DefaultNotImplementedComponent,G as SlotContent,P as convertComponentToProps,_ as getDataForSlot,no as mapPzSlotToVariants,x as mapSlotsData,ro as mapTestSlotToVariants};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/canvas-vue",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "16.0.1-alpha.128+6cdb4ff33",
|
|
4
4
|
"description": "Vue SDK for Uniform Canvas",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -23,22 +23,22 @@
|
|
|
23
23
|
"format": "prettier --write \"src/**/*.{js,ts,tsx}\""
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@uniformdev/canvas": "^
|
|
27
|
-
"@uniformdev/
|
|
28
|
-
"@uniformdev/optimize-tracker-browser": "^14.2.0",
|
|
29
|
-
"@uniformdev/optimize-tracker-common": "^14.2.0",
|
|
30
|
-
"@uniformdev/optimize-tracker-vue": "^14.2.0",
|
|
26
|
+
"@uniformdev/canvas": "^16.0.1-alpha.128+6cdb4ff33",
|
|
27
|
+
"@uniformdev/context-vue": "^16.0.1-alpha.128+6cdb4ff33",
|
|
31
28
|
"@vue/test-utils": "1.3.0",
|
|
32
|
-
"pascal-case": "
|
|
33
|
-
"uuid": "
|
|
29
|
+
"pascal-case": "3.1.2",
|
|
30
|
+
"uuid": "8.3.2",
|
|
31
|
+
"vue-demi": "^0.12.5"
|
|
34
32
|
},
|
|
35
33
|
"peerDependencies": {
|
|
36
|
-
"vue": "
|
|
34
|
+
"@vue/composition-api": "^1.0.0-beta.12",
|
|
35
|
+
"vue": ">=2.6"
|
|
37
36
|
},
|
|
38
37
|
"devDependencies": {
|
|
39
|
-
"@testing-library/vue": "5.
|
|
38
|
+
"@testing-library/vue": "6.5.1",
|
|
39
|
+
"@types/uuid": "8.3.4",
|
|
40
40
|
"@vue/server-test-utils": "1.3.0",
|
|
41
|
-
"vue": "2.
|
|
41
|
+
"vue": "3.2.25",
|
|
42
42
|
"vue-server-renderer": "2.6.14",
|
|
43
43
|
"vue-template-compiler": "2.6.14"
|
|
44
44
|
},
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"last 2 versions",
|
|
60
60
|
"not dead"
|
|
61
61
|
],
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "6cdb4ff331d6d0d9d5c154b7b342e7703067bfc3"
|
|
63
63
|
}
|