@servicetitan/dte-unlayer 0.3.0 → 0.4.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/editor.d.ts +1 -1
- package/dist/editor.d.ts.map +1 -1
- package/dist/editor.js +1 -1
- package/dist/editor.js.map +1 -1
- package/dist/store.d.ts +2 -1
- package/dist/store.d.ts.map +1 -1
- package/dist/store.js +24 -12
- package/dist/store.js.map +1 -1
- package/package.json +1 -1
- package/src/editor.tsx +2 -2
- package/src/store.ts +21 -13
package/dist/editor.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { UnlayerToolsInfo } from './store';
|
|
|
3
3
|
import { UnlayerRef, CreateUnlayerEditorProps } from './unlayer-interface';
|
|
4
4
|
interface UnlayerEditorProps {
|
|
5
5
|
id?: string;
|
|
6
|
-
design
|
|
6
|
+
design?: any;
|
|
7
7
|
opts: CreateUnlayerEditorProps;
|
|
8
8
|
minHeight?: number;
|
|
9
9
|
style?: CSSProperties;
|
package/dist/editor.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,aAAa,EAOhB,MAAM,OAAO,CAAC;AACf,OAAO,EAAgB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE3E,UAAU,kBAAkB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,aAAa,EAOhB,MAAM,OAAO,CAAC;AACf,OAAO,EAAgB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE3E,UAAU,kBAAkB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,wBAAwB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,CAAC,IAAI,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACxC,OAAO,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9C,SAAS,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,aAAa,2DAAwC,CAAC;AAEnE,eAAO,MAAM,aAAa,2GA4DxB,CAAC"}
|
package/dist/editor.js
CHANGED
|
@@ -21,7 +21,7 @@ export const UnlayerEditor = forwardRef((props, ref) => {
|
|
|
21
21
|
}, [store]);
|
|
22
22
|
useImperativeHandle(ref, () => store.unlayerRef, [store]);
|
|
23
23
|
useEffect(() => {
|
|
24
|
-
if (isReady
|
|
24
|
+
if (isReady) {
|
|
25
25
|
store.setDesign(props.design);
|
|
26
26
|
}
|
|
27
27
|
}, [isReady, props.design, store]);
|
package/dist/editor.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editor.js","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEH,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAoB,MAAM,SAAS,CAAC;AAezD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;AAEnE,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACnF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACzD,MAAM,KAAK,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;IAClC,uDAAuD;IACvD,EAAE,CACL,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,CAAC;IAE7B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,YAAY,CAAC,OAAO,EAAE;YACtB,KAAK;iBACA,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;iBAC1B,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;iBACxB,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;SAClC;QAED,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,
|
|
1
|
+
{"version":3,"file":"editor.js","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"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"}
|
package/dist/store.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ export declare class UnlayerStore {
|
|
|
9
9
|
private editor;
|
|
10
10
|
private isInit;
|
|
11
11
|
private iframe?;
|
|
12
|
+
private hasDesign;
|
|
12
13
|
private onMessageCB?;
|
|
13
14
|
private onChangeCB?;
|
|
14
15
|
private onReadyCB?;
|
|
@@ -17,7 +18,7 @@ export declare class UnlayerStore {
|
|
|
17
18
|
constructor(props: CreateUnlayerEditorProps);
|
|
18
19
|
init: (container: HTMLDivElement) => Promise<void>;
|
|
19
20
|
destroy: () => void;
|
|
20
|
-
setDesign: (design
|
|
21
|
+
setDesign: (design?: UnlayerDesignFormat) => void;
|
|
21
22
|
setOnChange: (onChange?: UnlayerStore['onChangeCB']) => void;
|
|
22
23
|
setOnReady: (onReady?: UnlayerStore['onReadyCB']) => void;
|
|
23
24
|
setOnImage: (onImage?: UnlayerStore['onImageCB']) => void;
|
package/dist/store.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAIhG,MAAM,WAAW,gBAAgB;IAC7B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,qBAAa,YAAY;
|
|
1
|
+
{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAIhG,MAAM,WAAW,gBAAgB;IAC7B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,qBAAa,YAAY;IAeT,QAAQ,CAAC,KAAK,EAAE,wBAAwB;IAdpD,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;IAEhC,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,MAAM,CAAC,CAAoB;IACnC,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,WAAW,CAAC,CAAoC;IACxD,OAAO,CAAC,UAAU,CAAC,CAAmC;IACtD,OAAO,CAAC,SAAS,CAAC,CAAmC;IACrD,OAAO,CAAC,SAAS,CAAC,CAA0C;IAE5D,OAAO,CAAC,iBAAiB,CAA8B;gBAElC,KAAK,EAAE,wBAAwB;IA+BpD,IAAI,cAAqB,cAAc,mBAiBrC;IAEF,OAAO,aAUL;IAEF,SAAS,YAAa,mBAAmB,UAmBvC;IAEF,WAAW,cAAe,YAAY,CAAC,YAAY,CAAC,UAElD;IAEF,UAAU,aAAc,YAAY,CAAC,WAAW,CAAC,UAE/C;IAEF,UAAU,aAAc,YAAY,CAAC,WAAW,CAAC,UAE/C;IAEF,YAAY,eAAgB,YAAY,CAAC,aAAa,CAAC,UAErD;IAEF,OAAO,CAAC,cAAc,CAQpB;IAEF,OAAO,CAAC,eAAe,CAwBrB;IAEF,OAAO,CAAC,aAAa,CAyBnB;IAEF,OAAO,CAAC,WAAW,CAUjB;IAEF,OAAO,CAAC,YAAY,CASlB;IAEF,OAAO,CAAC,WAAW,CAMjB;CACL"}
|
package/dist/store.js
CHANGED
|
@@ -43,6 +43,12 @@ export class UnlayerStore {
|
|
|
43
43
|
writable: true,
|
|
44
44
|
value: void 0
|
|
45
45
|
});
|
|
46
|
+
Object.defineProperty(this, "hasDesign", {
|
|
47
|
+
enumerable: true,
|
|
48
|
+
configurable: true,
|
|
49
|
+
writable: true,
|
|
50
|
+
value: false
|
|
51
|
+
});
|
|
46
52
|
Object.defineProperty(this, "onMessageCB", {
|
|
47
53
|
enumerable: true,
|
|
48
54
|
configurable: true,
|
|
@@ -114,14 +120,17 @@ export class UnlayerStore {
|
|
|
114
120
|
if (!this.editor) {
|
|
115
121
|
return;
|
|
116
122
|
}
|
|
117
|
-
this.
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
123
|
+
this.hasDesign = !!design;
|
|
124
|
+
if (design) {
|
|
125
|
+
this.currentComponents = {};
|
|
126
|
+
unlayerIterateCustomTools(design, tool => {
|
|
127
|
+
if (!this.currentComponents[tool.slug]) {
|
|
128
|
+
this.currentComponents[tool.slug] = 0;
|
|
129
|
+
}
|
|
130
|
+
this.currentComponents[tool.slug]++;
|
|
131
|
+
});
|
|
132
|
+
this.editor.loadDesign(design);
|
|
133
|
+
}
|
|
125
134
|
}
|
|
126
135
|
});
|
|
127
136
|
Object.defineProperty(this, "setOnChange", {
|
|
@@ -162,10 +171,13 @@ export class UnlayerStore {
|
|
|
162
171
|
writable: true,
|
|
163
172
|
value: () => {
|
|
164
173
|
var _a;
|
|
165
|
-
(
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
174
|
+
if (!this.hasDesign) {
|
|
175
|
+
this.hasDesign = true;
|
|
176
|
+
(_a = this.editor) === null || _a === void 0 ? void 0 : _a.setBodyValues({
|
|
177
|
+
backgroundColor: 'rgba(0,0,0,0)',
|
|
178
|
+
contentWidth: '100%',
|
|
179
|
+
});
|
|
180
|
+
}
|
|
169
181
|
}
|
|
170
182
|
});
|
|
171
183
|
Object.defineProperty(this, "onDesignUpdated", {
|
package/dist/store.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"store.js","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EACH,mBAAmB,EACnB,sBAAsB,GAGzB,MAAM,WAAW,CAAC;AAGnB,MAAM,gBAAgB,GAAG,uCAAuC,CAAC;AAOjE,MAAM,OAAO,YAAY;
|
|
1
|
+
{"version":3,"file":"store.js","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/editor.tsx
CHANGED
|
@@ -12,7 +12,7 @@ import { UnlayerRef, CreateUnlayerEditorProps } from './unlayer-interface';
|
|
|
12
12
|
|
|
13
13
|
interface UnlayerEditorProps {
|
|
14
14
|
id?: string;
|
|
15
|
-
design
|
|
15
|
+
design?: any;
|
|
16
16
|
opts: CreateUnlayerEditorProps;
|
|
17
17
|
minHeight?: number;
|
|
18
18
|
style?: CSSProperties;
|
|
@@ -47,7 +47,7 @@ export const UnlayerEditor = forwardRef<UnlayerRef, UnlayerEditorProps>((props,
|
|
|
47
47
|
useImperativeHandle(ref, () => store.unlayerRef, [store]);
|
|
48
48
|
|
|
49
49
|
useEffect(() => {
|
|
50
|
-
if (isReady
|
|
50
|
+
if (isReady) {
|
|
51
51
|
store.setDesign(props.design);
|
|
52
52
|
}
|
|
53
53
|
}, [isReady, props.design, store]);
|
package/src/store.ts
CHANGED
|
@@ -21,6 +21,7 @@ export class UnlayerStore {
|
|
|
21
21
|
private editor: Unlayer | undefined;
|
|
22
22
|
private isInit = false;
|
|
23
23
|
private iframe?: HTMLIFrameElement;
|
|
24
|
+
private hasDesign = false;
|
|
24
25
|
|
|
25
26
|
private onMessageCB?: (type: string, data: any) => void;
|
|
26
27
|
private onChangeCB?: (info: UnlayerToolsInfo) => void;
|
|
@@ -91,21 +92,25 @@ export class UnlayerStore {
|
|
|
91
92
|
}
|
|
92
93
|
};
|
|
93
94
|
|
|
94
|
-
setDesign = (design
|
|
95
|
+
setDesign = (design?: UnlayerDesignFormat) => {
|
|
95
96
|
if (!this.editor) {
|
|
96
97
|
return;
|
|
97
98
|
}
|
|
98
99
|
|
|
99
|
-
this.
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
100
|
+
this.hasDesign = !!design;
|
|
101
|
+
|
|
102
|
+
if (design) {
|
|
103
|
+
this.currentComponents = {};
|
|
104
|
+
unlayerIterateCustomTools(design, tool => {
|
|
105
|
+
if (!this.currentComponents[tool.slug]) {
|
|
106
|
+
this.currentComponents[tool.slug] = 0;
|
|
107
|
+
}
|
|
104
108
|
|
|
105
|
-
|
|
106
|
-
|
|
109
|
+
this.currentComponents[tool.slug]++;
|
|
110
|
+
});
|
|
107
111
|
|
|
108
|
-
|
|
112
|
+
this.editor.loadDesign(design);
|
|
113
|
+
}
|
|
109
114
|
};
|
|
110
115
|
|
|
111
116
|
setOnChange = (onChange?: UnlayerStore['onChangeCB']) => {
|
|
@@ -125,10 +130,13 @@ export class UnlayerStore {
|
|
|
125
130
|
};
|
|
126
131
|
|
|
127
132
|
private onDesignLoaded = () => {
|
|
128
|
-
this.
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
133
|
+
if (!this.hasDesign) {
|
|
134
|
+
this.hasDesign = true;
|
|
135
|
+
this.editor?.setBodyValues({
|
|
136
|
+
backgroundColor: 'rgba(0,0,0,0)',
|
|
137
|
+
contentWidth: '100%',
|
|
138
|
+
});
|
|
139
|
+
}
|
|
132
140
|
};
|
|
133
141
|
|
|
134
142
|
private onDesignUpdated = (data: EventDesignUpdated) => {
|