@syncfusion/ej2-vue-base 22.1.34 → 23.1.36

package/src/template.js

@@ -30,19 +30,15 @@ export function compile(templateElement, helper) {
                 var vueSlot_1 = getCurrentVueSlot(context.vueInstance, templateElement, root);
                 if (vueSlot_1) {
                     // Compilation for Vue 3 slot template
-                    var app = Vue.createApp({
+                    var app = Vue.createVNode({
                         render: function () {
                             return vueSlot_1["" + templateElement]({ data: data });
                         }
-                    });
-                    if (plugins) {
-                        for (var i = 0; i < plugins.length; i++) {
-                            app.use(plugins[parseInt(i.toString(), 10)]);
-                        }
-                    }
+                    }, plugins);
+                    ele.innerHTML = '';
                     // Get values for Vue 3 slot template
                     getValues(app, context.vueInstance, root);
-                    app.mount("#" + pid);
+                    Vue.render(app, ele);
                     returnEle = ele.childNodes;
                     detach(ele);
                 }
@@ -117,15 +113,11 @@ export function compile(templateElement, helper) {
                     };
                 }
                 templateCompRef.data = function () { return tempRef_1; };
-                var app = Vue.createApp(templateCompRef);
-                if (plugins) {
-                    for (var i = 0; i < plugins.length; i++) {
-                        app.use(plugins[parseInt(i.toString(), 10)]);
-                    }
-                }
+                var app = Vue.createVNode(templateCompRef, plugins);
+                ele.innerHTML = '';
                 // Get values for Vue 3 functional template
                 getValues(app, context.vueInstance, root);
-                app.mount("#" + pid);
+                Vue.render(app, ele);
                 returnEle = ele.childNodes;
                 detach(ele);
             }
@@ -215,13 +207,7 @@ function getValues(app, cInstance, root) {
         return;
     }
     // Get globally defined variables.
-    var globalVariables = ['components', 'mixins', 'provides', 'directives'];
-    for (var i = 0; i < globalVariables.length; i++) {
-        var gVariable = globalVariables[i];
-        if (app['_context'][gVariable] && vueInstance['$']['appContext'][gVariable]) {
-            app['_context'][gVariable] = vueInstance['$']['appContext'][gVariable];
-        }
-    }
+    app['appContext'] = vueInstance['$']['appContext'];
     // Get provide value from child component.
     var provided = {};
     var getProvideValue = function (vueinstance) {
@@ -232,12 +218,8 @@ function getValues(app, cInstance, root) {
         }
     };
     getProvideValue(vueInstance);
-    if (app['_context']['provides']) {
-        app._context.provides = __assign({}, app._context.provides, provided);
-    }
-    // Get globally defined properties.
-    if (app['_context']['config']['globalProperties'] && vueInstance['$']['appContext']['config']['globalProperties']) {
-        app['_context']['config']['globalProperties'] = vueInstance['$']['appContext']['config']['globalProperties'];
+    if (app['appContext']['provides']) {
+        app.appContext.provides = __assign({}, app.appContext.provides, provided);
     }
 }
 // Get the Vue2 slot template from the root or current Vue component.

package/src/vue-types.d.ts

@@ -0,0 +1,15 @@
+// @ts-ignore
+import Vue, { VueConstructor } from 'vue';
+// @ts-ignore
+import { DefineComponent } from 'vue';
+
+interface CommonProps {
+    isLazyUpdate?: Boolean,
+    plugins?: any[]
+}
+
+// @ts-ignore
+export type DefineVueComponent<Props> = typeof Vue.compile extends (template: string) => Function ? DefineComponent<Props & CommonProps, any, {}, {}, {}, {}, {}, {}, string, Props & CommonProps, Props & CommonProps, {}> : VueConstructor<Vue<{}, Props & CommonProps>>;
+
+//@ts-ignore
+export type DefineVueDirective<Props> = typeof Vue.compile extends (template: string) => Function ? DefineComponent<Props, any, {}, {}, {}, {}, {}, {}, string, Props, Props, {}> : VueConstructor<Vue<{}, Props>>;