Up to nodegui 0.12.1

Author: irustm

package-lock.json

@@ -28,7 +28,7 @@
     "@angular/platform-browser": "~8.2.11",
     "@angular/platform-browser-dynamic": "~8.2.11",
     "@angular/router": "~8.2.11",
-    "@nodegui/nodegui": "^0.8.0",
+    "@nodegui/nodegui": "^0.12.1",
     "core-js": "^3.3.2",
     "node-fetch": "^2.6.0",
     "phin": "^3.4.1",

package.json

@@ -1,7 +1,8 @@
 import { RendererStyleFlags2 } from '@angular/core';
 import { QLabel, QPixmap, AspectRatioMode } from '@nodegui/nodegui';
-import * as phin from 'phin';
+import phin from 'phin';
 import { NgComponent } from './component';
+import { QVariantType } from '@nodegui/nodegui/dist/lib/QtCore/QVariant';
 
 export class NgImage extends QLabel implements NgComponent {
   public static nodeName = 'image';
@@ -33,7 +34,7 @@ export class NgImage extends QLabel implements NgComponent {
 
   public setNgProperty(
     name: string,
-    value: string | boolean | AspectRatioMode | Buffer
+    value: string | boolean | AspectRatioMode | Buffer | QVariantType
   ): void {
     switch (name) {
       case 'src':
@@ -60,7 +61,7 @@ export class NgImage extends QLabel implements NgComponent {
         break;
 
       default:
-        this.setProperty(name, value);
+        this.setProperty(name, value as QVariantType);
         break;
     }
   }

projects/angular-nodegui/src/lib/components/image.ts

@@ -1,4 +1,5 @@
 import { QSpinBox } from '@nodegui/nodegui';
+import { QVariantType } from '@nodegui/nodegui/dist/lib/QtCore/QVariant';
 import { NgComponent } from './component';
 import { RendererStyleFlags2 } from '@angular/core';
 
@@ -34,15 +35,15 @@ export class NgSpinnBox extends QSpinBox implements NgComponent {
 
   public setNgProperty(
     name: string,
-    value: boolean | string | Range | number
+    value: Range | QVariantType
   ): void {
     switch (name) {
       case 'range':
         this.setRange((value as Range).minimum, (value as Range).maximum);
         break;
 
       default:
-        this.setProperty(name, value);
+        this.setProperty(name, value as QVariantType);
         break;
     }
   }

projects/angular-nodegui/src/lib/components/spin-box.ts

@@ -5,7 +5,7 @@ import {
   RendererStyleFlags2,
   RendererType2
 } from '@angular/core';
-import { QMainWindow, NativeEvent, QWidget } from '@nodegui/nodegui';
+import { QMainWindow, QWidget } from '@nodegui/nodegui';
 import { QWindowService } from './window';
 import { NgWindow } from './components/window';
 import { NgComponent } from './components/component';
@@ -110,7 +110,7 @@ export class NodeguiRenderer implements Renderer2 {
     eventName: string,
     callback: (event: any) => boolean | void
   ): () => void {
-    const callbackFunc = (e: NativeEvent) => callback.call(target, e);
+    const callbackFunc = (e: any) => callback.call(target, e);
 
     target.addEventListener(eventName, callbackFunc);
 

projects/angular-nodegui/src/lib/renderer.ts

@@ -9,6 +9,7 @@
     "experimentalDecorators": true,
     "module": "esnext",
     "moduleResolution": "node",
+    "esModuleInterop" :true,
     "importHelpers": true,
     "target": "es2015",
     "typeRoots": ["node_modules/@types"],