piral-vue-3 0.14.16-beta.3863 → 0.14.17
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/esm/converter.js +20 -23
- package/esm/converter.js.map +1 -1
- package/lib/converter.js +20 -23
- package/lib/converter.js.map +1 -1
- package/package.json +3 -3
- package/src/converter.ts +24 -24
package/esm/converter.js
CHANGED
|
@@ -3,29 +3,26 @@ import { mountVue } from './mount';
|
|
|
3
3
|
export function createConverter(config = {}) {
|
|
4
4
|
const { rootName = 'slot', selector = 'extension-component' } = config;
|
|
5
5
|
const Extension = createExtension(rootName);
|
|
6
|
-
const convert = (root, captured) => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
|
-
};
|
|
6
|
+
const convert = (root, captured) => ({
|
|
7
|
+
mount(parent, data, ctx, locals) {
|
|
8
|
+
const el = parent.appendChild(document.createElement(rootName));
|
|
9
|
+
const app = mountVue(root, data, ctx, captured);
|
|
10
|
+
app.mount(el);
|
|
11
|
+
app.component(selector, createExtension(rootName));
|
|
12
|
+
!app._props && (app._props = {});
|
|
13
|
+
locals.instance = app;
|
|
14
|
+
},
|
|
15
|
+
update(parent, data, ctx, locals) {
|
|
16
|
+
for (const prop in data) {
|
|
17
|
+
locals.instance._props[prop] = data[prop];
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
unmount(parent, locals) {
|
|
21
|
+
locals.instance.unmount();
|
|
22
|
+
parent.innerHTML = '';
|
|
23
|
+
locals.instance = undefined;
|
|
24
|
+
},
|
|
25
|
+
});
|
|
29
26
|
convert.Extension = Extension;
|
|
30
27
|
return convert;
|
|
31
28
|
}
|
package/esm/converter.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAmBnC,MAAM,UAAU,eAAe,CAAC,SAA+B,EAAE;IAC/D,MAAM,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,GAAG,qBAAqB,EAAE,GAAG,MAAM,CAAC;IACvE,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,CACd,IAAuB,EACvB,QAA8B,EACJ,EAAE,CAAC,CAAC;QAC9B,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAiB;YACxC,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;YAChE,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;YAChD,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YACd,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnD,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;YACjC,MAAM,CAAC,QAAQ,GAAG,GAAG,CAAC;QACxB,CAAC;QACD,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAiB;YACzC,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;gBACvB,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;aAC3C;QACH,CAAC;QACD,OAAO,CAAC,MAAM,EAAE,MAAiB;YAC/B,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YAC1B,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;YACtB,MAAM,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC9B,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC"}
|
package/lib/converter.js
CHANGED
|
@@ -6,29 +6,26 @@ const mount_1 = require("./mount");
|
|
|
6
6
|
function createConverter(config = {}) {
|
|
7
7
|
const { rootName = 'slot', selector = 'extension-component' } = config;
|
|
8
8
|
const Extension = (0, extension_1.createExtension)(rootName);
|
|
9
|
-
const convert = (root, captured) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
},
|
|
30
|
-
};
|
|
31
|
-
};
|
|
9
|
+
const convert = (root, captured) => ({
|
|
10
|
+
mount(parent, data, ctx, locals) {
|
|
11
|
+
const el = parent.appendChild(document.createElement(rootName));
|
|
12
|
+
const app = (0, mount_1.mountVue)(root, data, ctx, captured);
|
|
13
|
+
app.mount(el);
|
|
14
|
+
app.component(selector, (0, extension_1.createExtension)(rootName));
|
|
15
|
+
!app._props && (app._props = {});
|
|
16
|
+
locals.instance = app;
|
|
17
|
+
},
|
|
18
|
+
update(parent, data, ctx, locals) {
|
|
19
|
+
for (const prop in data) {
|
|
20
|
+
locals.instance._props[prop] = data[prop];
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
unmount(parent, locals) {
|
|
24
|
+
locals.instance.unmount();
|
|
25
|
+
parent.innerHTML = '';
|
|
26
|
+
locals.instance = undefined;
|
|
27
|
+
},
|
|
28
|
+
});
|
|
32
29
|
convert.Extension = Extension;
|
|
33
30
|
return convert;
|
|
34
31
|
}
|
package/lib/converter.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AAEA,2CAA8C;AAC9C,mCAAmC;
|
|
1
|
+
{"version":3,"file":"converter.js","sourceRoot":"","sources":["../src/converter.ts"],"names":[],"mappings":";;;AAEA,2CAA8C;AAC9C,mCAAmC;AAmBnC,SAAgB,eAAe,CAAC,SAA+B,EAAE;IAC/D,MAAM,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,GAAG,qBAAqB,EAAE,GAAG,MAAM,CAAC;IACvE,MAAM,SAAS,GAAG,IAAA,2BAAe,EAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,CACd,IAAuB,EACvB,QAA8B,EACJ,EAAE,CAAC,CAAC;QAC9B,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAiB;YACxC,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;YAChE,MAAM,GAAG,GAAG,IAAA,gBAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;YAChD,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YACd,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAA,2BAAe,EAAC,QAAQ,CAAC,CAAC,CAAC;YACnD,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;YACjC,MAAM,CAAC,QAAQ,GAAG,GAAG,CAAC;QACxB,CAAC;QACD,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAiB;YACzC,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;gBACvB,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;aAC3C;QACH,CAAC;QACD,OAAO,CAAC,MAAM,EAAE,MAAiB;YAC/B,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YAC1B,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;YACtB,MAAM,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC9B,CAAC;KACF,CAAC,CAAC;IACH,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC;AA5BD,0CA4BC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "piral-vue-3",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.17",
|
|
4
4
|
"description": "Plugin for integrating Vue@3 components in Piral.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"piral",
|
|
@@ -44,12 +44,12 @@
|
|
|
44
44
|
"test": "echo \"Error: run tests from root\" && exit 1"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"piral-core": "0.14.
|
|
47
|
+
"piral-core": "^0.14.17",
|
|
48
48
|
"vue": "^3.0.0"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
51
|
"piral-core": "0.14.x",
|
|
52
52
|
"vue": "^3.0.0"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "8038b8c79e38dea9a1e0bbed713803e2c776bcb0"
|
|
55
55
|
}
|
package/src/converter.ts
CHANGED
|
@@ -16,36 +16,36 @@ export interface Vue3ConverterOptions {
|
|
|
16
16
|
rootName?: string;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
+
interface Vue3State {
|
|
20
|
+
instance: App;
|
|
21
|
+
}
|
|
22
|
+
|
|
19
23
|
export function createConverter(config: Vue3ConverterOptions = {}) {
|
|
20
24
|
const { rootName = 'slot', selector = 'extension-component' } = config;
|
|
21
25
|
const Extension = createExtension(rootName);
|
|
22
26
|
const convert = <TProps extends BaseComponentProps>(
|
|
23
27
|
root: Component<TProps>,
|
|
24
28
|
captured?: Record<string, any>,
|
|
25
|
-
): ForeignComponent<TProps> => {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
mount(
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
instance = undefined;
|
|
46
|
-
},
|
|
47
|
-
};
|
|
48
|
-
};
|
|
29
|
+
): ForeignComponent<TProps> => ({
|
|
30
|
+
mount(parent, data, ctx, locals: Vue3State) {
|
|
31
|
+
const el = parent.appendChild(document.createElement(rootName));
|
|
32
|
+
const app = mountVue(root, data, ctx, captured);
|
|
33
|
+
app.mount(el);
|
|
34
|
+
app.component(selector, createExtension(rootName));
|
|
35
|
+
!app._props && (app._props = {});
|
|
36
|
+
locals.instance = app;
|
|
37
|
+
},
|
|
38
|
+
update(parent, data, ctx, locals: Vue3State) {
|
|
39
|
+
for (const prop in data) {
|
|
40
|
+
locals.instance._props[prop] = data[prop];
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
unmount(parent, locals: Vue3State) {
|
|
44
|
+
locals.instance.unmount();
|
|
45
|
+
parent.innerHTML = '';
|
|
46
|
+
locals.instance = undefined;
|
|
47
|
+
},
|
|
48
|
+
});
|
|
49
49
|
convert.Extension = Extension;
|
|
50
50
|
return convert;
|
|
51
51
|
}
|