@syncfusion/ej2-vue-base 20.4.51 → 21.1.36

package/src/index.d.ts

@@ -2,5 +2,4 @@
  * index for component base
  */
 export * from './component-base';
-export * from './component-decorator';
 export * from './template';

package/src/index.js

@@ -2,5 +2,4 @@
  * index for component base
  */
 export * from './component-base';
-export * from './component-decorator';
 export * from './template';

package/src/template.js

@@ -1,6 +1,16 @@
-import Vue from "vue";
-import { setTemplateEngine, getTemplateEngine, getUniqueID, createElement, detach, extend, getValue, } from "@syncfusion/ej2-base";
-import { allVue, isExecute } from "./component-base";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { setTemplateEngine, getTemplateEngine, getUniqueID, createElement, detach, extend, getValue } from "@syncfusion/ej2-base";
+import { aVue as Vue, isExecute } from "./component-base";
 // tslint:disable:no-any
 var stringCompiler = getTemplateEngine();
 export function compile(templateElement, helper) {
@@ -20,7 +30,7 @@ export function compile(templateElement, helper) {
                 var vueSlot_1 = getCurrentVueSlot(context.vueInstance, templateElement, root);
                 if (vueSlot_1) {
                     // Compilation for Vue 3 slot template
-                    var app = allVue.createApp({
+                    var app = Vue.createApp({
                         render: function () {
                             return vueSlot_1["" + templateElement]({ data: data });
                         }
@@ -30,6 +40,8 @@ export function compile(templateElement, helper) {
                             app.use(plugins[parseInt(i.toString(), 10)]);
                         }
                     }
+                    // Get values for Vue 3 slot template
+                    getValues(app, context.vueInstance, root);
                     app.mount((context.getModuleName() === 'grid') ? ("#" + pid) : ("#" + id));
                     returnEle = ele.childNodes;
                     detach(ele);
@@ -85,12 +97,14 @@ export function compile(templateElement, helper) {
                     }
                 }
                 templateCompRef.data = function () { return tempRef_1; };
-                var app = allVue.createApp(templateCompRef);
+                var app = Vue.createApp(templateCompRef);
                 if (plugins) {
                     for (var i = 0; i < plugins.length; i++) {
                         app.use(plugins[parseInt(i.toString(), 10)]);
                     }
                 }
+                // Get values for Vue 3 functional template
+                getValues(app, context.vueInstance, root);
                 app.mount((context.getModuleName() === 'grid') ? ("#" + pid) : ("#" + id));
                 returnEle = ele.childNodes;
                 detach(ele);
@@ -98,8 +112,22 @@ export function compile(templateElement, helper) {
             else if (typeof templateElement === "string") {
                 var vueSlot_2 = getVueSlot(context.vueInstance, templateElement, root);
                 if (vueSlot_2) {
+                    // Get provide values for Vue 2 slot template
+                    var provided_1 = {};
+                    var getProvideValues_1 = function (vueinstance) {
+                        if (vueinstance['$parent'])
+                            getProvideValues_1(vueinstance.$parent);
+                        if (vueinstance['_provided'] && Object.keys(vueinstance['_provided']).length > 0) {
+                            provided_1 = __assign({}, provided_1, vueinstance._provided);
+                        }
+                    };
+                    var vueInstance = context.vueInstance ? context.vueInstance : ((root && root.vueInstance) ? root.vueInstance : null);
+                    if (vueInstance) {
+                        getProvideValues_1(vueInstance);
+                    }
                     // Compilation for Vue 2 slot template
                     var vueTemplate = new Vue({
+                        provide: __assign({}, provided_1),
                         render: function () {
                             return vueSlot_2["" + templateElement]({ data: data });
                         }
@@ -155,6 +183,37 @@ export function compile(templateElement, helper) {
     };
 }
 setTemplateEngine({ compile: compile });
+function getValues(app, cInstance, root) {
+    var vueInstance = cInstance ? cInstance : ((root && root.vueInstance) ? root.vueInstance : null);
+    if (!vueInstance) {
+        return;
+    }
+    // Get globally defined variables.
+    var globalVariables = ['components', 'mixins', 'provides'];
+    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];
+        }
+    }
+    // Get provide value from child component.
+    var provided = {};
+    var getProvideValue = function (vueinstance) {
+        if (vueinstance['$'] && vueinstance['$']['parent'])
+            getProvideValue(vueinstance.$.parent);
+        if (vueinstance['provides'] && Object.keys(vueinstance['provides']).length > 0) {
+            provided = __assign({}, provided, vueinstance.provides);
+        }
+    };
+    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'];
+    }
+}
 // Get the Vue2 slot template from the root or current Vue component.
 function getVueSlot(vueInstance, templateElement, root) {
     if (!vueInstance && !(root && root.vueInstance)) {

package/GitLeaksReport.json

@@ -1 +0,0 @@
-[]

package/src/component-decorator.d.ts

@@ -1,4 +0,0 @@
-export declare let $internalHooks: string[];
-export declare function getProps(options?: any): any;
-export declare function EJComponentDecorator(options: any, isExecute?: any): any;
-export declare function EJcomponentFactory(Component: any, options?: any): any;

package/src/component-decorator.js

@@ -1,144 +0,0 @@
-/**
- * Vue Component Base
- */
-import Vue from 'vue';
-// import { Base, Component as EJ2Component, isNullOrUndefined } from '@syncfusion/ej2-base';
-import { ComponentBase } from './component-base';
-export var $internalHooks = [
-    'data',
-    'beforeCreate',
-    'created',
-    'beforeMount',
-    'mounted',
-    'beforeDestroy',
-    'destroyed',
-    'beforeUpdate',
-    'updated',
-    'activated',
-    'deactivated',
-    'render',
-    'errorCaptured' // 2.5
-];
-export function getProps(options) {
-    if (options === void 0) { options = {}; }
-    if (options.props) {
-        var _loop_1 = function (prop) {
-            (options.newprops || (options.newprops = {}))["" + prop] = {};
-            (options.watch || (options.watch = {}))["" + prop] = function (newVal) {
-                this.ej2Instances["" + prop] = newVal;
-                if (this.dataBind && (options.name !== 'DateRangePickerComponent')) {
-                    this.dataBind();
-                }
-            };
-        };
-        for (var _i = 0, _a = options.props; _i < _a.length; _i++) {
-            var prop = _a[_i];
-            _loop_1(prop);
-        }
-    }
-    return [options.newprops, options.watch];
-}
-export function EJComponentDecorator(options, isExecute) {
-    if (!isExecute) {
-        return;
-    }
-    return function (Component) {
-        return EJcomponentFactory(Component, options);
-    };
-}
-export function EJcomponentFactory(Component, options) {
-    if (options === void 0) { options = {}; }
-    options.name = options.name || Component._componentTag || Component.name;
-    // prototype props.
-    var proto = Component.prototype;
-    if (options.props) {
-        var _loop_2 = function (prop) {
-            (options.props || (options.props = {}))["" + prop] = {};
-            (options.watch || (options.watch = {}))["" + prop] = function (newVal) {
-                this.ej2Instances["" + prop] = newVal;
-                if (this.dataBind && (options.name !== 'DateRangePickerComponent')) {
-                    this.dataBind();
-                }
-            };
-        };
-        for (var _i = 0, _a = options.props; _i < _a.length; _i++) {
-            var prop = _a[_i];
-            _loop_2(prop);
-        }
-    }
-    Object.getOwnPropertyNames(proto).forEach(function (key) {
-        // hooks
-        if (key === 'constructor') {
-            return;
-        }
-        if ($internalHooks.indexOf(key) > -1) {
-            options["" + key] = proto["" + key];
-            return;
-        }
-        var descriptor = Object.getOwnPropertyDescriptor(proto, key);
-        if (typeof descriptor.value === 'function') {
-            // methods
-            (options.methods || (options.methods = {}))["" + key] = descriptor.value;
-        }
-        else if (descriptor.get || descriptor.set) {
-            // computed properties
-            (options.computed || (options.computed = {}))["" + key] = {
-                get: descriptor.get,
-                set: descriptor.set
-            };
-        }
-    });
-    Object.getOwnPropertyNames(ComponentBase.prototype).forEach(function (key) {
-        if ($internalHooks.indexOf(key) > -1) {
-            options["" + key] = proto["" + key];
-            return;
-        }
-    });
-    (options.mixins || (options.mixins = [])).push({
-        data: function () {
-            return collectDataFromConstructor(this, Component);
-        }
-    });
-    //  decorate options
-    var decorators = Component.__decorators__;
-    if (decorators) {
-        decorators.forEach(Function(options));
-        delete Component.__decorators__;
-    }
-    // find super
-    var superProto = Object.getPrototypeOf(Component.prototype);
-    var Super = superProto instanceof Vue
-        ? superProto.constructor
-        : Vue;
-    var Extended = Super.extend(options);
-    return Extended;
-}
-function collectDataFromConstructor(vm, Component) {
-    Component.prototype._init = function () {
-        var _this = this;
-        var keys = Object.getOwnPropertyNames(vm);
-        if (vm.$options.props) {
-            for (var key in vm.$options.props) {
-                if (!vm.hasOwnProperty(key)) {
-                    keys.push(key);
-                }
-            }
-        }
-        keys.forEach(function (key) {
-            if (key.charAt(0) !== '_') {
-                Object.defineProperty(_this, key, {
-                    get: function () { return vm["" + key]; },
-                    set: function (value) { return vm["" + key] = value; }
-                });
-            }
-        });
-    };
-    var data = new Component();
-    var plainData = {};
-    Object.keys(data).forEach(function (key) {
-        if (data["" + key] !== undefined) {
-            plainData["" + key] = data["" + key];
-        }
-    });
-    return plainData;
-}