ag-grid-vue - Fix for vuejs/vue-class-component#294

Author: gportela85

packages/ag-grid-vue/src/AgGridVue.ts

@@ -62,7 +62,7 @@ export class AgGridVue extends Vue {
             },
         };
 
-        new Grid(this.$el, gridOptions, gridParams);
+        new Grid(this.$el as HTMLElement, gridOptions, gridParams);
 
         this.isInitialised = true;
     }

packages/ag-grid-vue/src/VueComponentFactory.ts

@@ -1,5 +1,5 @@
 import Vue, { VueConstructor } from 'vue';
-import { AgGridVue } from "./AgGridVue";
+import { AgGridVue } from './AgGridVue';
 
 export class VueComponentFactory {
 

packages/ag-grid-vue/src/VueFrameworkComponentWrapper.ts

@@ -1,6 +1,6 @@
 import { BaseComponentWrapper, Bean, WrapableInterface } from 'ag-grid-community';
-import { AgGridVue } from "./AgGridVue";
-import { VueComponentFactory } from "./VueComponentFactory";
+import { AgGridVue } from './AgGridVue';
+import { VueComponentFactory } from './VueComponentFactory';
 
 @Bean('frameworkComponentWrapper')
 export class VueFrameworkComponentWrapper extends BaseComponentWrapper<WrapableInterface> {
@@ -12,8 +12,8 @@ export class VueFrameworkComponentWrapper extends BaseComponentWrapper<WrapableI
         this.parent = parent;
     }
 
-    createWrapper(component: any): WrapableInterface {
-        let that = this;
+    public createWrapper(component: any): WrapableInterface {
+        const that = this;
 
         class DynamicComponent extends VueComponent<any, any> implements WrapableInterface {
             public init(params: any): void {
@@ -24,18 +24,18 @@ export class VueFrameworkComponentWrapper extends BaseComponentWrapper<WrapableI
                 return that.createComponent(component, params);
             }
 
-            hasMethod(name: string): boolean {
+            public hasMethod(name: string): boolean {
                 return wrapper.getFrameworkComponentInstance()[name] != null;
             }
 
-            callMethod(name: string, args: IArguments): void {
+            public callMethod(name: string, args: IArguments): void {
                 const componentInstance = this.getFrameworkComponentInstance();
-                return wrapper.getFrameworkComponentInstance()[name].apply(componentInstance, args)
+                return wrapper.getFrameworkComponentInstance()[name].apply(componentInstance, args);
 
             }
 
-            addMethod(name: string, callback: Function): void {
-                (wrapper as any)[name] = callback
+            public addMethod(name: string, callback: () => void): void {
+                (wrapper as any)[name] = callback;
             }
         }
 

packages/ag-grid-vue/tsconfig-lib.json

@@ -8,6 +8,7 @@
     "declaration": true,
     "rootDir": "src",
     "outDir": "lib",
+    "strictFunctionTypes": false,
     "lib": [
       "esnext",
       "dom",

packages/ag-grid-vue/tsconfig.json

@@ -11,6 +11,7 @@
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
     "sourceMap": true,
+    "strictFunctionTypes": false,
     "types": [
       "webpack-env"
     ],

packages/ag-grid-vue/tslint.json

@@ -16,6 +16,10 @@
     "ordered-imports": false,
     "object-literal-sort-keys": false,
     "no-consecutive-blank-lines": false,
-    "no-unused-expression": false
+    "no-unused-expression": false,
+    "member-ordering": false,
+    "max-classes-per-file": false,
+    "trailing-comma": false,
+    "arrow-parens": false
   }
 }