piral-vue-3 0.14.16 → 0.14.18-beta.3923

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.
Files changed (6) hide show
  1. package/esm/converter.js +20 -23
  2. package/esm/converter.js.map +1 -1
  3. package/lib/converter.js +20 -23
  4. package/lib/converter.js.map +1 -1
  5. package/package.json +3 -3
  6. 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
- let instance = undefined;
8
- return {
9
- mount(parent, data, ctx) {
10
- const el = parent.appendChild(document.createElement(rootName));
11
- const app = mountVue(root, data, ctx, captured);
12
- app.mount(el);
13
- app.component(selector, createExtension(rootName));
14
- !app._props && (app._props = {});
15
- instance = app;
16
- },
17
- update(_, data) {
18
- for (const prop in data) {
19
- instance._props[prop] = data[prop];
20
- }
21
- },
22
- unmount(el) {
23
- instance.unmount();
24
- el.innerHTML = '';
25
- instance = undefined;
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;AAenC,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;QAC5B,IAAI,QAAQ,GAAQ,SAAS,CAAC;QAE9B,OAAO;YACL,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG;gBACrB,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAChE,MAAM,GAAG,GAAG,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;gBAChD,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBACd,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACnD,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;gBACjC,QAAQ,GAAG,GAAG,CAAC;YACjB,CAAC;YACD,MAAM,CAAC,CAAC,EAAE,IAAI;gBACZ,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;oBACvB,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;iBACpC;YACH,CAAC;YACD,OAAO,CAAC,EAAE;gBACR,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACnB,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;gBAClB,QAAQ,GAAG,SAAS,CAAC;YACvB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,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
- let instance = undefined;
11
- return {
12
- mount(parent, data, ctx) {
13
- const el = parent.appendChild(document.createElement(rootName));
14
- const app = (0, mount_1.mountVue)(root, data, ctx, captured);
15
- app.mount(el);
16
- app.component(selector, (0, extension_1.createExtension)(rootName));
17
- !app._props && (app._props = {});
18
- instance = app;
19
- },
20
- update(_, data) {
21
- for (const prop in data) {
22
- instance._props[prop] = data[prop];
23
- }
24
- },
25
- unmount(el) {
26
- instance.unmount();
27
- el.innerHTML = '';
28
- instance = undefined;
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;AAenC,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;QAC5B,IAAI,QAAQ,GAAQ,SAAS,CAAC;QAE9B,OAAO;YACL,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG;gBACrB,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAChE,MAAM,GAAG,GAAG,IAAA,gBAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;gBAChD,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBACd,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAA,2BAAe,EAAC,QAAQ,CAAC,CAAC,CAAC;gBACnD,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;gBACjC,QAAQ,GAAG,GAAG,CAAC;YACjB,CAAC;YACD,MAAM,CAAC,CAAC,EAAE,IAAI;gBACZ,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;oBACvB,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;iBACpC;YACH,CAAC;YACD,OAAO,CAAC,EAAE;gBACR,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACnB,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;gBAClB,QAAQ,GAAG,SAAS,CAAC;YACvB,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAC9B,OAAO,OAAO,CAAC;AACjB,CAAC;AAhCD,0CAgCC"}
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.16",
3
+ "version": "0.14.18-beta.3923",
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.16",
47
+ "piral-core": "0.14.18-beta.3923",
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": "39ec6f4eb7b46a14530cb845371bf9e294be0171"
54
+ "gitHead": "036cb83c1f1797a833edbcc9a7fd698a926aedd2"
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
- let instance: App = undefined;
27
-
28
- return {
29
- mount(parent, data, ctx) {
30
- const el = parent.appendChild(document.createElement(rootName));
31
- const app = mountVue(root, data, ctx, captured);
32
- app.mount(el);
33
- app.component(selector, createExtension(rootName));
34
- !app._props && (app._props = {});
35
- instance = app;
36
- },
37
- update(_, data) {
38
- for (const prop in data) {
39
- instance._props[prop] = data[prop];
40
- }
41
- },
42
- unmount(el) {
43
- instance.unmount();
44
- el.innerHTML = '';
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
  }