@syncfusion/ej2-vue-base 20.4.51 → 21.1.35

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/postinstall.js

@@ -1,119 +0,0 @@
-var fs = require("fs");
-var glob = require("glob");
-
-if (fs.existsSync("./src/component-base.d.ts")) {
-  var sourceFile = fs.readFileSync("./src/component-base.d.ts", "utf8");
-  fs.writeFileSync(
-    "./src/component-base.d.ts",
-    sourceFile
-      .replace(`import Vue from 'vue';`, ``)
-      .replace(
-        `export declare const aVue: any;`,
-        `import Vue from 'vue';\n export declare const aVue: any;`
-      )
-      .replace(`extends vueImport`, `extends Vue`)
-      .replace(`constructor();`, `// constructor();`),
-    "utf8"
-  );
-}
-
-var packJson;
-var version;
-if (fs.existsSync("../../../package.json")) {
-  packJson = JSON.parse(fs.readFileSync("../../../package.json", "utf8"));
-  version = packJson.ej2Version ? parseInt(packJson.ej2Version.split(".")[0]) : 0;
-}
-
-if (fs.existsSync("../../vue/package.json") || version > 0) {
-  if (fs.existsSync("../../vue/package.json")) {
-    packJson = JSON.parse(fs.readFileSync("../../vue/package.json", "utf8"));
-    version = parseInt(packJson.version.split(".")[0]);
-  }
-  console.log("Vue version ---" + version);
-  var files = glob.sync("../ej2-vue-**/src/**/*.{component,directive}.js");
-  if (version === 3) {
-    fileL = files.concat(glob.sync('./src/**.js'));
-    for (var i = 0; i < fileL.length; i++){
-      var source = fs.readFileSync(fileL[i], "utf8");
-      var vuehead = (source.indexOf(`import Vue from 'vue';`) === -1) ? `import Vue from "vue"` : `import Vue from 'vue'`;
-      fs.writeFileSync(fileL[i], source.replace(vuehead, `import * as Vue from 'vue'`), "utf8");
-    }
-  }
-  if (version != 3) {
-    try{
-      if(fs.existsSync('./src/component-base.js'))
-      {
-        if (packJson.ej2Version) {
-          var file = fs.readFileSync('./src/component-base.js', "utf8");
-          file = file
-            .replace(`import * as Vue2 from 'vue';`, "")
-            .replace(`vueImport = Vue3.Vue;`,'vueImport = Vue;')
-            .replace(`_interopRequireWildcard(Vue2);`,'_interopRequireWildcard(Vue);');
-          fs.writeFileSync('./src/component-base.js', file, "utf8");
-        }
-        files.push('./src/component-base.js');
-      }
-    }
-    catch(e){}
-    var file;
-    for (var i = 0; i < files.length; i++) {
-      file = fs.readFileSync(files[i], "utf8");
-      file = file
-        .replace(`import { Options } from 'vue-class-component';`, "")
-        .replace(
-          `,Options({
-            props: props,
-            watch: watch,
-            emits: emitProbs
-        })`,
-          ""
-        )
-        .replace(
-          `,
-        Options({
-            props: props,
-            watch: watch,
-            emits: emitProbs
-        })`,
-          ""
-        )
-        .replace(
-          `,Options({
-            props: props,
-            watch: watch,
-            emits: emitProbs,
-            provide: function provide() {
-                return {
-                    custom: this.custom
-                };
-            }
-        })`,
-          ""
-        )
-        .replace(
-          `,Options({
-            inject: {
-                custom: {
-                    default: null
-                }
-            }
-        })`,
-          ""
-        )
-        .replace(`import * as Vue3 from 'vue-class-component';`,"")
-        .replace(`vueImport = Vue3.Vue;`,'vueImport = Vue;');
-      fs.writeFileSync(files[i], file, "utf8");
-    }
-  }
-
-  if (fs.existsSync("./src/template.js") && version === 3) {
-    var sourceFile = fs.readFileSync("./src/template.js", "utf8");
-    fs.writeFileSync(
-      "./src/template.js",
-      sourceFile
-        .replace(`templateFunction = Vue.extend(templateFunction);`,
-        `// templateFunction = Vue.extend(templateFunction);`),
-      "utf8"
-    );
-  }
-}

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;
-}